android 实现类似个人中心的界面设计

上效果图：

先理清设计思路：
1、外层用linearlayout包裹，linearlayout采用shape,搭上描边、圆角和填充背景色。
2、里层采用relativelayout填充进textview、imageview。
思路搞清后，很简单就两步。
先上布局代码：

1. <LinearLayout style=“@style/PersonalMainLayoutStyle” >
3. <RelativeLayout style=“@style/FindBottomStyle” >
5. <TextView
6. style=“@style/PersonalTextStyle”
7. android:text=“我的订单” />
9. <ImageView
10. android:id=“@+id/iv_drop_down”
11. style=“@style/PersonalRightIconStyle”
12. android:src=“@drawable/android_list_idex” />
13. </RelativeLayout>
14. </LinearLayout>

linearlayout布局属性代码：

1. <style name=“PersonalMainLayoutStyle”>
2. <item name=“android:layout_width”>match_parent</item>
3. <item name=“android:layout_height”>wrap_content</item>
4. <item name=“android:layout_margin”>10dp</item>
5. <item name=“android:background”>@drawable/background_corners</item>
6. <item name=“android:orientation”>vertical</item>
7. <item name=“android:padding”>1dp</item>
8. </style>

relativelayout布局属性代码：

1. <style name=“FindBottomStyle”>
2. <item name=“android:layout_width”>match_parent</item>
3. <item name=“android:layout_height”>30dp</item>
4. <item name=“android:layout_margin”>5dp</item>
5. <item name=“android:background”>@drawable/more_activity_item_selector_bottom_corners</item>
6. </style>

textview和imageview的属性代码可以自己设计了。

下面是drawable的设计代码.
看到上边relativelayout的item中引用了drawable-more_activity_item_selector_bottom_corners,个人感觉好像没什么卵用，主要是linearlayout的drawable，但是我没试，还是贴出来吧
relativelayout-drawable:

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <selector
3. xmlns:android=“http://schemas.android.com/apk/res/android”>
4. <item android:state_pressed=“true”>
5. <shape>
6. <solid android:color=“#ffffe381” />
7. <stroke android:width=“0.0dip” android:color=“#ffcccccc” />
8. <corners android:bottomLeftRadius=“6.0dip” android:bottomRightRadius=“6.0dip” />
9. </shape>
10. </item>
11. <item>
12. <shape>
13. <solid android:color=“#ffffffff” />
14. <stroke android:width=“0.0dip” android:color=“#ffcccccc” />
15. <corners android:bottomLeftRadius=“6.0dip” android:bottomRightRadius=“6.0dip” />
16. </shape>
17. </item>
18. </selector>

linearlayout-drawable:

1. <?xml version=”1.0″ encoding=”utf-8″?>
2. <selector xmlns:android=“http://schemas.android.com/apk/res/android”>
4. <item><shape>
5. <solid android:color=“#ffffffff” />
7. <stroke android:width=“1.0dip” android:color=“#ffcccccc” />
9. <corners android:radius=“6.0dip” />
10. </shape></item>
12. </selector>