Android UI设计模式实例代码

移动开发 Android
Android UI设计模式实例代码是本文要介绍的内容,主要是来了解并学习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设计内容的学习能对你有所帮助。

责任编辑:zhaolei 来源: 博客园
相关推荐

2011-06-01 16:12:11

Android UI

2011-05-28 15:14:06

设计技巧UIAndroid

2012-03-01 20:14:25

Android UI

2011-05-28 12:19:33

设计技巧UIAndroid

2010-02-05 14:54:56

Android UI

2013-11-26 16:09:34

Android设计模式

2010-01-21 09:08:53

.NET设计模式

2013-11-26 15:48:53

Android设计模式SDK

2011-09-07 14:01:41

Android Wid实例

2010-02-04 13:30:49

Android UI元

2013-11-26 17:15:13

Android设计模式

2013-11-26 17:00:08

Android设计模式

2016-03-28 10:23:11

Android设计单例

2013-11-26 16:20:26

Android设计模式

2017-02-17 10:07:02

AndroidMVP模式实例

2020-11-13 18:59:51

UIAndroidJetBrains

2011-05-28 14:25:57

设计技巧UIAndroid

2011-09-13 16:39:50

Android UI设

2013-11-26 16:29:22

Android设计模式

2013-11-26 16:39:21

Android设计模式
点赞
收藏

51CTO技术栈公众号