【攻克Android (4)】UI之基本控件

[b][size=large]本文围绕以下十个部分展开： [/size][/b]

[b][size=large]一、一些基本概念[/size][/b]
[b][size=large]二、更改App默认图标[/size][/b]
[b][size=large]三、一些基本控件[/size][/b]
[b][size=large]四、UI开发步骤[/size][/b]
[b][size=large]五、TextView[/size][/b]
[b][size=large]六、EditText[/size][/b]
[b][size=large]七、Button和ImageButton[/size][/b]
[b][size=large]八、ImageView[/size][/b]
[b][size=large]九、Widgets（其他控件）[/size][/b]

[b][size=large]附 关于在Android真机上部署[/size][/b]


[b][size=large]一、一些基本概念[/size][/b]

[size=medium][b]1. UI[/b][/size]

[size=medium]User Interface - 用户接口/用户界面[/size]
[size=medium]UI是用户能看见并可交互的组件。[/size]
[size=medium]分为：系统UI，自定义UI。[/size]
[size=medium]UI放在View和ViewGroup里面。[/size]

[size=medium][b]2. View和ViewGroup[/b][/size]

[size=medium]View是屏幕上的一个矩形区域，负责绘制和事件处理；它是控件（widget）的基类。[/size]
[size=medium]ViewGroup是View的子类，是不可见的容器，负责管理其他View及它们的布局属性；它是布局和视图容器的基类。[/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3195/b52e4bbd-0133-39b4-9e61-bf1e106284d1.png[/img][/align]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3197/f48b8fdd-e52c-3f6f-8cb0-652306b810fb.png[/img][/align]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3199/3ffc09e1-6449-304c-8c69-34e3ed46206c.png[/img][/align]


[b][size=large]二、更改App默认图标[/size][/b]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3201/9caa71c2-c2af-33ae-ad84-19dd18c69562.png[/img][/align]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3203/541ca7ac-d61e-3059-a09b-3e1cfb859e6f.png[/img][/align]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3205/c026f163-49ef-31b1-a62d-61ecb5d3d940.png[/img][/align]

[size=medium]更改之后，就会看到App图标已变为下图所示：[/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3209/ddf7167f-d53c-3368-80c9-fa1e383ebe46.png[/img][/align]


[b][size=large]三、一些基本控件[/size][/b]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3213/e0bbcc78-27c6-3463-abc4-425e50520e48.png[/img][/align]


[b][size=large]四、UI开发步骤[/size][/b]

[size=medium][b]1. 在 res -> values -> strings.xml 中，定义所有所需的文本 【字符串】[/b][/size]

 <resources>  
   <string name="app_name">UI</string>  

   <string name="hello_world">Hello world!</string>  
   <string name="action_settings">Settings</string>  

   <string name="text_view">TextView</string>  
   <string name="edit_text">EditText</string>  
   <string name="button">Button</string>  
   <string name="image_view">ImageView</string>  
   <string name="widgets">Widgets</string>  
 </resources>

[size=medium][b]2. 在 res -> layout -> activity_main.xml 布局文件中，设计主活动布局 【布局】[/b][/size]

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
                 xmlns:tools="http://schemas.android.com/tools"  
                 android:layout_width="match_parent"  
                 android:layout_height="match_parent"  
                 android:paddingLeft="@dimen/activity_horizontal_margin"  
                 android:paddingRight="@dimen/activity_horizontal_margin"  
                 android:paddingTop="@dimen/activity_vertical_margin"  
                 android:paddingBottom="@dimen/activity_vertical_margin"  
                 tools:context=".MainActivity">  
   <!-- 
   ListView ：显示列表 （类似于HTML中的多行下拉列表框） 
   -->  
   <ListView  
       android:id="@+id/listView"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content">  
   </ListView>  

 </RelativeLayout>

[size=medium][b]3. 创建主活动里面包含的其他Activity 【界面】[/b][/size]

[size=medium]创建一个新的Activity，需要进行以下四部分内容：[/size]
[size=medium]（1）创建布局文件，如 activity_text_view [/size]
[size=medium]（2）创建活动类，如 TextViewActivity[/size]
[size=medium]（3）创建菜单文件，如 menu_text_view[/size]
[size=medium]（4）在功能清单文件 AndroidManifest.xml 中，注册该Activity[/size]

[size=medium]如下是创建 TextViewActivity 的步骤：[/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3217/9e294a21-63cb-375c-9860-8a8b78aafc52.png[/img][/align]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3219/f5fc5fcf-5376-3cf1-a096-aaa718416e76.png[/img][/align]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3221/dbedbcb9-f2a7-389b-b0c0-103e41f9ffb1.png[/img][/align]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3223/e0fab847-d3c4-3dc7-9b7c-411348affb02.png[/img][/align]

[size=medium]同样的，以同样的方法接着创建 ButtonActivity、EditTextActivity、ImageViewActivity和WidgetsActivity。[/size]

[size=medium][b]4.填写主活动类的事件，将主活动与其他活动关联起来 【事件】[/b][/size]

[size=medium]在活动类中写事件的时候，有以下几个小步骤：[/size]
[size=medium]（1）声明变量（所用到、要关联的控件都在此声明）[/size]
[size=medium]（2）初始化控件[/size]
[size=medium]（3）初始化适配器（将适配器关联数据）[/size]
[size=medium]（4）控件与适配器关联 [/size]
[size=medium]（5）写控件的事件 [/size]
[size=medium]（6）弹出显示指定文本（看是否需要弹出显示指定文本）[/size]
[size=medium]（7）指定意图（由当前界面跳转至指定界面）[/size]
[size=medium]（8）启动意图[/size]

 package com.xiangdong.ui;  

 import android.app.Activity;  
 import android.content.Intent;  
 import android.os.Bundle;  
 import android.view.Menu;  
 import android.view.MenuItem;  
 import android.view.View;  
 import android.widget.AdapterView;  
 import android.widget.ArrayAdapter;  
 import android.widget.ListView;  


 public class MainActivity extends Activity {  
     // 1.声明变量  
     private ListView listView;  
     private String[] data = {"TextView", "EditText", "Button", "ImageView", "Widgets"};  
     private Class[] actions = {TextViewActivity.class, EditTextActivity.class,  
             ButtonActivity.class, ImageViewActivity.class,  
             WidgetActivity.class};  

     // 创建适配器  
     private ArrayAdapter<String> adapter;  

     @Override  
     protected void onCreate(Bundle savedInstanceState) {  
         super.onCreate(savedInstanceState);  
         // 加载布局文件  
         setContentView(R.layout.activity_main);  

         // 2.初始化控件 (加载布局文件之后才能找到 id)  
         listView = (ListView) findViewById(R.id.listView);  
         // 3.初始化适配器(关联数据)  
         // 参数:上下文,资源id显示方式,显示数据  
         adapter = new ArrayAdapter<String>(this,  
                 android.R.layout.simple_list_item_1, data);  
         // 4.控件与适配器关联  
         listView.setAdapter(adapter);  
         // 5.控件的事件  
         listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {  
             @Override  
             public void onItemClick(AdapterView<?> parent, View view, int position, long id) {  
                 // 6.弹出显示指定文本(类似于 JS 中 alert,但停留时间后自动隐藏)  
                 // 参数:上下文,指定显示文本,停留时间  
                 // 在内部类中显示当前活动的上下文:MainActivity.this  
                 // Toast.makeText(MainActivity.this, data[position],Toast.LENGTH_SHORT).show();  

                 // 7.指定意图(由当前界面跳转至指定界面)  
                 // position 是 ListView 控件选中选项的下标值  
                 Intent intent = new Intent(MainActivity.this, actions[position]);  
                 // 8.启动意图  
                 startActivity(intent);  
             }  
         });  

         // 6.在本类显示指定文本  
         // Toast.makeText(this, R.string.text_view,Toast.LENGTH_LONG).show();  
         // Toast.makeText(this, "asdf",Toast.LENGTH_SHORT).show();  
     }  

     @Override  
     public boolean onCreateOptionsMenu(Menu menu) {  
         // Inflate the menu; this adds items to the action bar if it is present.  
         getMenuInflater().inflate(R.menu.menu_main, menu);  
         return true;  
     }  

     @Override  
     public boolean onOptionsItemSelected(MenuItem item) {  
         // Handle action bar item clicks here. The action bar will  
         // automatically handle clicks on the Home/Up button, so long  
         // as you specify a parent activity in AndroidManifest.xml.  
         int id = item.getItemId();  

         //noinspection SimplifiableIfStatement  
         if (id == R.id.action_settings) {  
             return true;  
         }  

         return super.onOptionsItemSelected(item);  
     }  
 }

[size=medium][b]代码说明：[/b][/size]

[size=medium]数据要显示到视图上，中间得有适配器。如下图所示。[/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3229/723eda61-4d4c-39f7-97ad-b795e7d54ad9.jpg[/img][/align]

[size=medium]经过以上步骤开发之后的界面如下所示：[/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3231/73519c95-683b-31ab-99f8-959b8a6bc231.png[/img][/align]


[b][size=large]五、TextView[/size][/b]

[size=medium][b]1. TextView属性[/b][/size]

[img]http://dl2.iteye.com/upload/attachment/0111/1265/f62ab0c7-ad6c-3e33-8c1d-fc58536a8ed2.png[/img]

[size=medium][b]2.用代码实现，展示效果[/b][/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3235/f55eb7f8-da35-36d5-ba03-c6e06ee9503c.png[/img][/align]

[size=medium]（1）在 strings.xml 中添加需要的文本[/size]

 <!-- TextView -->  
 <string name="normal_text">普通文本</string>  
 <string name="font_text">设置了字号,颜色及背景的文本</string>  
 <string name="image_text">文本周围显示图片</string>  
 <string name="link_text">自动链接及换行:\n电话:10010\nEmail:lxd12103@126.com\nURL:xiangdonglee.iteye.com</string>  
 <string name="show_text">显示文本的方式:最大、最小行数；是否单行；是否省略；跑马灯</string> 

[size=medium]（2）在 activity_text_view.xml 布局文件中，设计布局[/size]

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
               xmlns:tools="http://schemas.android.com/tools"  
               android:layout_width="match_parent"  
               android:layout_height="match_parent"  
               android:orientation="vertical"  
               android:paddingBottom="@dimen/activity_vertical_margin"  
               android:paddingLeft="@dimen/activity_horizontal_margin"  
               android:paddingRight="@dimen/activity_horizontal_margin"  
               android:paddingTop="@dimen/activity_vertical_margin"  
               tools:context=".TextViewActivity">  

   <!--LinearLayout 线性布局  
   orientation:定位/方向  
   horizontal:水平线性布局(基于 X 轴对齐)  
   vertical:垂直线性布局(基于 Y 轴对齐)  
   -->  

   <TextView  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:gravity="center"  
       android:paddingTop="8dp"  
       android:text="@string/normal_text"/>  

   <TextView  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:background="@android:color/white"  
       android:paddingBottom="8dp"  
       android:paddingTop="8dp"  
       android:text="@string/font_text"  
       android:textColor="@android:color/holo_blue_bright"  
       android:textSize="18sp"/>  

   <TextView  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:drawableLeft="@android:drawable/ic_btn_speak_now"  
       android:paddingBottom="8dp"  
       android:paddingTop="8dp"  
       android:text="@string/image_text"/>  

   <TextView  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:autoLink="all"  
       android:linksClickable="true"  
       android:paddingBottom="8dp"  
       android:paddingTop="8dp"  
       android:text="@string/link_text"  
       android:textColorLink="@android:color/holo_orange_light"/>  

   <TextView  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:maxLines="3"  
       android:paddingBottom="8dp"  
       android:paddingTop="8dp"  
       android:text="@string/show_text"/>  

   <TextView  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:paddingBottom="8dp"  
       android:paddingTop="8dp"  
       android:singleLine="true"  
       android:text="@string/show_text"/>  

   <TextView  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:ellipsize="middle"  
       android:paddingBottom="8dp"  
       android:paddingTop="8dp"  
       android:singleLine="true"  
       android:text="@string/show_text"/>  
   <!-- ellipsize 省略的位置 (start/end/middle)-->  

   <!-- 跑马灯效果 -->  
   <!-- ellipsize=marquee：跑马灯效果 -->  
   <!-- focusableInTouchMode：触控获得焦点-->  
   <!-- focusable：可触控-->  
   <TextView  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:ellipsize="marquee"  
       android:focusable="true"  
       android:focusableInTouchMode="true"  
       android:paddingBottom="8dp"  
       android:paddingTop="8dp"  
       android:singleLine="true"  
       android:text="@string/show_text"/>  
 </LinearLayout>

[b][size=large]六、EditText[/size][/b]

[size=medium][b]1. EditText属性[/b][/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3237/116f8d78-6cdb-3900-9bc8-473a07c4ff94.png[/img][/align]

[size=medium][b]2.用代码实现，展示效果[/b][/size]

[size=medium]（1）在 strings.xml 中添加需要的文本[/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3239/29d4ab05-5a5d-33a4-b446-ecbc1b45afda.png[/img][/align]

 <!-- EditText-->  
 <string name="username_hint">用户名</string>  
 <string name="password_hint">密码</string>  
 <string name="phone_hint">手机号</string>  
 <string name="email">lxd12103@126.com</string>  
 <string name="remark_hint">备注</string>

[size=medium]（2）在 activity_edit_text.xml 布局文件中，设计布局[/size]

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
                 xmlns:tools="http://schemas.android.com/tools"  
                 android:layout_width="match_parent"  
                 android:layout_height="match_parent"  
                 android:paddingLeft="@dimen/activity_horizontal_margin"  
                 android:paddingRight="@dimen/activity_horizontal_margin"  
                 android:paddingTop="@dimen/activity_vertical_margin"  
                 android:paddingBottom="@dimen/activity_vertical_margin"  
                 tools:context=".EditTextActivity">  

   <EditText  
       android:id="@+id/txtUsername"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:hint="@string/username_hint"  
       android:imeOptions="actionNext"/>  

   <EditText  
       android:id="@+id/txtPassword"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/txtUsername"  
       android:hint="@string/password_hint"  
       android:inputType="textPassword"/>  

   <EditText  
       android:id="@+id/txtPhone"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/txtPassword"  
       android:hint="@string/phone_hint"  
       android:inputType="phone"/>  

   <EditText  
       android:id="@+id/txtRemark"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/txtPhone"  
       android:hint="@string/remark_hint"  
       android:minLines="3"/>  

   <EditText  
       android:id="@+id/txtEmail"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/txtRemark"  
       android:hint="@string/phone_hint"  
       android:text="@string/email"  
       android:inputType="textEmailAddress"  
       android:selectAllOnFocus="true"/>  
 </RelativeLayout>

[b][size=large]七、Button和ImageButton[/size][/b]

[size=medium][b]1. 用代码实现，展示效果[/b][/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3241/1122f393-4ddd-348f-b7b2-01b9fb05ab8b.png[/img][/align]

[size=medium]（1）在 strings.xml 中添加需要的文本[/size]

 <!-- Button -->  
 <string name="btn_ok">Click me</string>  
 <string name="btn_less_border">无边框的按钮</string>

[size=medium]（2）在 activity_button.xml 布局文件中，设计布局[/size]

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
                 xmlns:tools="http://schemas.android.com/tools"  
                 android:layout_width="match_parent"  
                 android:layout_height="match_parent"  
                 android:paddingLeft="@dimen/activity_horizontal_margin"  
                 android:paddingRight="@dimen/activity_horizontal_margin"  
                 android:paddingTop="@dimen/activity_vertical_margin"  
                 android:paddingBottom="@dimen/activity_vertical_margin"  
                 tools:context="com.xiangdong.ui.ButtonActivity">  

   <TextView  
       android:id="@+id/tvUsername"  
       android:text="@string/button"  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"/>  

   <EditText  
       android:id="@+id/txtUsername"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/tvUsername"  
       android:hint="@string/username_hint"/>  

   <Button  
       android:id="@+id/btnOK"  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/txtUsername"  
       android:text="@string/btn_ok"  
       android:drawableLeft="@android:drawable/alert_dark_frame"  
       android:onClick="clickMe"/>  

   <Button  
       android:id="@+id/btnLessBorder"  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/txtUsername"  
       android:layout_alignParentRight="true"  
       android:text="@string/btn_less_border"  
       style="?android:borderlessButtonStyle"/>  

   <ImageButton  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"  
       android:layout_below="@id/btnOK"  
       android:src="@android:drawable/btn_minus"/>  

   <ImageButton  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"  
       android:layout_alignParentRight="true"  
       android:layout_below="@id/btnOK"  
       android:src="@android:drawable/btn_minus"  
       style="?android:borderlessButtonStyle"/>  

   <!-- 图片的文件名只能是字母 或 字母+数字 -->  
   <ImageView  
       android:layout_width="wrap_content"  
       android:layout_height="200dp"  
      android:layout_alignParentBottom="true"  
       android:src="@drawable/cameraapp"  
       android:contentDescription="@string/camera"/>  

 </RelativeLayout>

[b][size=large]八、ImageView[/size][/b]

[size=medium][b]1. ImageView属性[/b][/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3243/1802a990-9047-343b-934e-823d2d260b1b.png[/img][/align]

[size=medium][b]2.用代码实现，展示效果[/b][/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3245/7537ae9f-888f-3f74-9487-292cc82fd6b9.png[/img][/align]

[size=medium]（1）在 strings.xml 中添加需要的文本[/size]

 <!-- ImageView -->  
 <string name="camera">Camera</string>

[size=medium]（2）在 activity_image_view.xml 布局文件中，设计布局[/size]

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
                 xmlns:tools="http://schemas.android.com/tools"  
                 android:layout_width="match_parent"  
                 android:layout_height="match_parent"  
                 android:paddingLeft="@dimen/activity_horizontal_margin"  
                 android:paddingRight="@dimen/activity_horizontal_margin"  
                 android:paddingTop="@dimen/activity_vertical_margin"  
                 android:paddingBottom="@dimen/activity_vertical_margin"  
                 tools:context="com.xiangdong.ui.ImageViewActivity">  

   <LinearLayout  
       android:id="@+id/linearLayout1"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_alignParentLeft="true"  
       android:layout_alignParentStart="true"  
       android:layout_alignParentTop="true"  
       android:gravity="center"  
       android:orientation="horizontal">  

     <ImageView  
         android:layout_width="72dp"  
         android:layout_height="72dp"  
         android:background="@android:color/black"  
         android:scaleType="center"  
         android:src="@drawable/gps"  
         android:contentDescription="gps"/>  

     <View  
         android:layout_width="16dp"  
         android:layout_height="match_parent" />  

     <ImageView  
         android:layout_width="72dp"  
         android:layout_height="72dp"  
         android:background="@android:color/black"  
         android:scaleType="centerCrop"  
         android:src="@drawable/gps" />  

     <View  
         android:layout_width="16dp"  
         android:layout_height="match_parent" />  

     <ImageView  
         android:layout_width="72dp"  
         android:layout_height="72dp"  
         android:background="@android:color/black"  
         android:scaleType="centerInside"  
         android:src="@drawable/gps" />  

     <View  
         android:layout_width="16dp"  
         android:layout_height="match_parent" />  

     <ImageView  
         android:layout_width="72dp"  
         android:layout_height="72dp"  
         android:background="@android:color/black"  
         android:scaleType="matrix"  
         android:src="@drawable/gps" />  
   </LinearLayout>  

   <LinearLayout  
       android:id="@+id/linearLayout2"  
       android:layout_width="match_parent"  
       android:layout_height="64dp"  
       android:layout_alignParentLeft="true"  
       android:layout_alignParentStart="true"  
       android:layout_below="@+id/linearLayout1"  
       android:gravity="center_vertical"  
       android:orientation="horizontal">  

     <TextView  
         android:layout_width="0dp"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:gravity="center"  
         android:text="center" />  

     <TextView  
         android:layout_width="0dp"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:gravity="center"  
         android:text="centerCrop" />  

     <TextView  
         android:layout_width="0dp"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:gravity="center"  
         android:text="centerInside" />  

     <TextView  
         android:layout_width="0dp"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:gravity="center"  
         android:text="matrix" />  
   </LinearLayout>  

   <LinearLayout  
       android:id="@+id/linearLayout3"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_alignParentLeft="true"  
       android:layout_alignParentStart="true"  
       android:layout_below="@+id/linearLayout2"  
       android:gravity="center"  
       android:orientation="horizontal">  

     <ImageView  
         android:layout_width="72dp"  
         android:layout_height="72dp"  
         android:background="@android:color/black"  
         android:scaleType="fitCenter"  
         android:src="@drawable/gps" />  

     <View  
         android:layout_width="16dp"  
         android:layout_height="match_parent" />  

     <ImageView  
         android:layout_width="72dp"  
         android:layout_height="72dp"  
         android:background="@android:color/black"  
         android:scaleType="fitEnd"  
         android:src="@drawable/gps" />  

     <View  
         android:layout_width="16dp"  
         android:layout_height="match_parent" />  

     <ImageView  
         android:layout_width="72dp"  
         android:layout_height="72dp"  
         android:background="@android:color/black"  
         android:scaleType="fitStart"  
         android:src="@drawable/gps" />  

     <View  
         android:layout_width="16dp"  
         android:layout_height="match_parent" />  

     <ImageView  
         android:layout_width="72dp"  
         android:layout_height="72dp"  
         android:background="@android:color/black"  
         android:scaleType="fitXY"  
         android:src="@drawable/gps" />  
   </LinearLayout>  

   <LinearLayout  
       android:id="@+id/linearLayout4"  
       android:layout_width="match_parent"  
       android:layout_height="64dp"  
       android:layout_alignParentLeft="true"  
       android:layout_alignParentStart="true"  
       android:layout_below="@+id/linearLayout3"  
       android:gravity="center_vertical"  
       android:orientation="horizontal">  

     <TextView  
         android:layout_width="0dp"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:gravity="center"  
         android:text="fitCenter" />  

     <TextView  
         android:layout_width="0dp"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:gravity="center"  
         android:text="fitEnd" />  

     <TextView  
         android:layout_width="0dp"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:gravity="center"  
         android:text="fitStart" />  

     <TextView  
         android:layout_width="0dp"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:gravity="center"  
         android:text="fitXY" />  
   </LinearLayout>  

   <ImageView  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/linearLayout4"  
       android:layout_centerHorizontal="true"  
       android:src="@drawable/gps" />  

 </RelativeLayout>

[b][size=large]九、Widgets（其他控件）[/size][/b]

[size=medium][b]1. 用代码实现，展示效果[/b][/size]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3248/e2f73ded-744d-30b3-8166-bdf47e931d00.png[/img][/align]

[size=medium]（1）在 strings.xml 中添加需要的文本[/size]

 <!-- Widgets -->  
 <string name="cb_sports">Sports</string>  
 <string name="cb_read">Read</string>  
 <string name="cb_game">Game</string>  
 <string name="rb_male">Male</string>  
 <string name="rb_female">Female</string>  
 <string name="switch_text">开关控件</string>

[size=medium]（2）在 activity_widgets.xml 布局文件中，设计布局[/size]

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
                 xmlns:tools="http://schemas.android.com/tools"  
                 android:layout_width="match_parent"  
                 android:layout_height="match_parent"  
                 android:paddingLeft="@dimen/activity_horizontal_margin"  
                 android:paddingRight="@dimen/activity_horizontal_margin"  
                 android:paddingTop="@dimen/activity_vertical_margin"  
                 android:paddingBottom="@dimen/activity_vertical_margin"  
                 tools:context="com.xiangdong.ui.WidgetActivity">  

   <LinearLayout  
       android:id="@+id/hobbyLayout"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:orientation="horizontal">  

     <!-- 在线性布局中设置 权重：layout_weight 占整个的几份 -->  
     <CheckBox  
         android:id="@+id/cbSports"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:text="@string/cb_sports"  
         android:layout_weight="1"/>  

     <CheckBox  
         android:id="@+id/cbGame"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:text="@string/cb_game"  
         android:checked="true"  
         android:layout_weight="1"/>  

     <CheckBox  
         android:id="@+id/cbRead"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:text="@string/cb_read"  
         android:layout_weight="1"/>  
   </LinearLayout>  

   <!-- RadioGroup类似于线性布局，只是进行了封装。 -->  
   <RadioGroup  
       android:id="@+id/sexGroup"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/hobbyLayout"  
       android:orientation="horizontal"  
       android:paddingTop="10dp">  

     <RadioButton  
         android:id="@+id/rbMale"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:text="@string/rb_male"/>  

     <RadioButton  
         android:id="@+id/rbFemale"  
         android:layout_width="wrap_content"  
         android:layout_height="wrap_content"  
         android:layout_weight="1"  
         android:checked="true"  
         android:text="@string/rb_female"  
         />  
   </RadioGroup>  

   <!--可以重用Button-->  
   <Button  
       android:id="@+id/btnOK"  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"  
       android:text="@string/btn_ok"  
       android:layout_below="@+id/sexGroup"  
       android:onClick="onClick"/>  

   <Switch  
       android:id="@+id/switch1"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/btnOK"  
       android:layout_marginBottom="16dp"  
       android:layout_marginTop="16dp"  
       android:checked="false"  
       android:text="开关控件"/>  

   <SeekBar  
       android:id="@+id/seekBar"  
       android:layout_width="match_parent"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/switch1"  
       android:layout_marginBottom="16dp"/>  

   <RatingBar  
       android:id="@+id/ratingBar"  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/seekBar"  
       android:rating="2"/>  

   <!--numStars：星星数量-->  
   <!--rating：评分数-->  
   <!--stepSize：步长，可以是 0.5 -->  
   <!--style：默认为大的星星，可用点击-->  
   <RatingBar  
       android:id="@+id/ratingBar2"  
       style="@android:style/Widget.DeviceDefault.Light.RatingBar.Small"  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/ratingBar"  
       android:layout_marginBottom="16dp"  
       android:numStars="10"  
       android:rating="7"  
       android:stepSize="1"/>  

   <ProgressBar  
       android:id="@+id/progressBar"  
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content"  
       android:layout_below="@+id/ratingBar2"  
       android:layout_centerHorizontal="true"/>  

 </RelativeLayout>

[b][size=large]附 关于在Android真机上部署[/size][/b]

[align=center][img]http://dl2.iteye.com/upload/attachment/0110/3250/bb6b7a1f-6bc6-3a17-be8f-610415d71732.png[/img][/align]