Android UI设计模式

移动开发 Android
UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的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.

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.

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.

list.xml

 

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.

【编辑推荐】

谷歌Android UI设计技巧:框架特性

谷歌Android UI设计技巧:新的UI设计模式

谷歌Android UI设计技巧:优秀UI设计准则

责任编辑:zhaolei 来源: 网络转载
相关推荐

2011-05-28 15:14:06

设计技巧UIAndroid

2011-09-14 10:29:23

Android UI设

2012-03-01 20:14:25

Android UI

2011-05-28 12:19:33

设计技巧UIAndroid

2013-11-26 16:09:34

Android设计模式

2013-11-26 15:48:53

Android设计模式SDK

2010-02-04 13:30:49

Android UI元

2013-11-26 17:15:13

Android设计模式

2013-11-26 17:00:08

Android设计模式

2013-11-26 16:20:26

Android设计模式

2016-03-28 10:23:11

Android设计单例

2013-11-26 16:29:22

Android设计模式

2013-11-26 16:39:21

Android设计模式

2011-05-28 14:25:57

设计技巧UIAndroid

2011-09-13 16:39:50

Android UI设

2013-11-26 17:09:57

Android设计模式

2013-11-26 15:44:25

Android设计模式

2010-09-14 09:38:48

AndroidUI

2010-09-02 14:47:40

UIAndroid

2021-02-01 10:01:58

设计模式 Java单例模式
点赞
收藏

51CTO技术栈公众号