Android UI设计模式实例代码-android ui设计

Android UI设计模式实例代码是本文要介绍的内容，主要是来了解并学习Android UI设计，具体关于Android UI设计内容的详解来看本文。文章Android UI设计内容的实现主要是以代码来详解，内容不多。

home.xml  
 
<?xml version="1.0" encoding="utf-8"?> 
<merge 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
    <include 
        layout="@layout/background" /> 
    <LinearLayout 
        android:orientation="vertical" 
        android:layout_width="fill_parent" 
        android:layout_height="fill_parent"> 
        <include 
            layout="@layout/navigator" /> 
        <include 
            layout="@layout/list" 
            android:layout_width="fill_parent" 
            android:layout_height="fill_parent" 
            android:layout_weight="1.0" /> 
        <include 
            layout="@layout/tab" /> 
    </LinearLayout> 
</merge> 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.

background.xml  
 
<?xml version="1.0" encoding="utf-8"?> 
<ImageView 
xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/background" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:scaleType="fitXY" 
    android:background="@color/background" /> 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

navigator.xml  
 
<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
        android:layout_width="fill_parent" 
        android:layout_height="64dp" 
        android:gravity="center_vertical" 
        style="@android:style/ButtonBar"> 
        <Button 
            android:id="@+id/button_back" 
            android:layout_width="wrap_content" 
            android:layout_height="40dp" 
            android:text="@string/back" /> 
        <Button 
            android:id="@+id/button_home" 
            android:layout_width="wrap_content" 
            android:layout_height="40dp" 
            android:layout_alignParentRight="true" /> 
        <TextView 
            android:id="@android:id/title" 
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content" 
            android:layout_toRightOf="@id/button_back" 
            android:layout_toLeftOf="@id/button_home" 
            android:gravity="center" 
            android:singleLine="true" 
            android:ellipsize="marquee" 
            android:textAppearance="?android:attr/textAppearanceMedium" /> 
    </RelativeLayout> 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.

list.xml  
 
<?xml version="1.0" encoding="utf-8"?> 
<ListView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@android:id/list" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:cacheColorHint="@android:color/transparent" 
    android:drawSelectorOnTop="false" 
    android:listSelector="@drawable/list_selector_background" 
    android:divider="@color/stroke" 
    android:dividerHeight="@dimen/line_width" />  
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

tab.xml  
 
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="?android:attr/listPreferredItemHeight"> 
    <ImageButton 
        android:id="@+id/tab_profile" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/tab_profile" 
        android:layout_weight="1.0" 
        android:background="@drawable/bg_btn" /> 
    <ImageButton 
        android:id="@+id/tab_friends" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_weight="1.0" 
        android:src="@drawable/tab_friends" 
        android:background="@drawable/bg_btn" /> 
    <ImageButton 
        android:id="@+id/tab_games" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_weight="1.0" 
        android:src="@drawable/tab_games" 
        android:background="@drawable/bg_btn" /> 
</LinearLayout> 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.

小结：Android UI设计模式实例代码的内容介绍完了，希望通过Android UI设计内容的学习能对你有所帮助。