Android API Guide 之 User Interface笔记-阿里云开发者社区

一、Layouts
1
在XML中,标签名对应于代码中的类名,属性名对应于代码中的方法名

2 android:id="@+id/start"
@ 让XML解析器知道后面的字符串应该解析为一个 Resource ID
+ 表明是自己定义的新的ID,不是系统built-in的,
如果使用系统的应该是这样android:id="@android:id/empty"

3 ViewGroup.LayoutParams
这是一个类,只不过是一个内部静态类,不过在这里把它当做一个类即可.
一个View应该具有一个ViewGroup.LayoutParams对象,并对这个对象进行
适当的初始化,这样它的parent才能知道如何放置它.
想一想当我们在XML中定义一个按钮时它总是具有一个 layout_width/layout_height属性,
这就相当于
ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(layout_width,layout_height);
View.setLayoutParams(layoutParams);

View.getLeft()/View.getTop()
The size of a view is expressed with a width and a height.
A view actually possess two pairs of width and height values.
measured width/height --> getMeasuredWidth/Height() //在parent内一个View有多大
width/height --> getWidth/Height() //一个View真正的尺寸
View可以有padding --> setPadding(int,int,int,int) getPaddingLeft/Top/Right/Bottom()
View可以有margin,但是是通过 ViewGroup.MarginLayoutParams 来设置的.

4
注意像 ListView/GridView 都是ViewGroup

5 如果设置一个View的background
android:background setBackgroundResource(int) A drawable to use as the background.
对于按钮又可以在 /res/drawable 目录下定义如下xml文件：

custom_background.xml (把此文件当做一个 drawable 来用)

[html]view plaincopy 
    
 <!-- 具体定义此文件的语法可以在 Resource Type 相关的API Guide中找到 -->   
 <?xml version="1.0" encoding="utf-8"?>   
 <selector xmlns:android="http://schemas.android.com/apk/res/android">   
     <item android:drawable="@drawable/button_pressed"   
           android:state_pressed="true" />   
     <item android:drawable="@drawable/button_focused"   
           android:state_focused="true" />   
     <item android:drawable="@drawable/button_default" />   
 </selector>   

6 EditView 常用设置
android:inputType 用来指定是数字,email,password等输入类型
android:textmultiLine 指定EditView可以有多行
android:imeOptions 指定一个按钮在EditView的末尾,以便用户输入完成后点击

7
AutoCompleteTextView 需要设置一个 Adapter

8 Input Events
View类内部定义的事件接口有:(注意有些方法返回的是boolean型,搞明白为什么)
View.OnClickListener --> public void onClick(View v)
View.OnLongClickListener --> boolean onLongClick (View v)
View.OnFocusChangeListener --> void onFocusChange (View v, boolean hasFocus)
View.OnKeyListener --> boolean onKey (View v, int keyCode, KeyEvent event)
View.OnTouchListener --> boolean onTouch (View v, MotionEvent event)
//这个事件是在onLongClick的情况下发生的
View.OnCreateContextMenuListener
-->void onCreateContextMenu (ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo)

9 Touch Mode
For a touch-capable device, once the user touches the screen,
the device will enter touch mode.

Any time a user hits a directional key or scrolls with a trackball, the device will exit
touch mode, and find a view to take focus.

10 Focus
Focus movement 有一个普遍的算法,即会把焦点移动到离现在View最近的那个View;但有时这种算法
并不适合开发者,开发者可以通过以下方法声明焦点转移的顺序.

[html]view plaincopy 
    
 <LinearLayout android:orientation="vertical"   
     ... >   
   <Button android:id="@+id/top"   
           android:nextFocusUp="@+id/bottom"   
           ... />   
   <Button android:id="@+id/bottom"   
           android:nextFocusDown="@+id/top"   
           ... />   
 </LinearLayout>   

共四种:nextFocusDown, nextFocusLeft, nextFocusRight, and nextFocusUp
和焦点相关的属性还有:
android:focusable
android:focusableInTouchMode

requestFocus()

二、Menus
三种菜单:
Options menu(用Menu按键触发,android3.0已经取消这个按键,用action bar代替)
Context menu
Popup menu

1 定义一个Menu in XML
game_menu.xml:

[html]view plaincopy 
    
 <?xml version="1.0" encoding="utf-8"?>   
 <menu xmlns:android="http://schemas.android.com/apk/res/android">   
     <item android:id="@+id/new_game"   
           android:icon="@drawable/ic_new_game"   
           android:title="@string/new_game"   
           <!-- 此属性和action bar相关 -->   
           android:showAsAction="ifRoom">   
           <!-- item里可以嵌套menu -->   
           <menu>   
             ...   
           </menu>   
     </item>   
     <item android:id="@+id/help"   
           android:icon="@drawable/ic_help"   
           android:title="@string/help" />   
 </menu>   

用 MenuInflater.inflate() 去解析XML菜单;

2 制定Option menu
覆盖Activity. onCreateOptionsMenu() 去生成自己的菜单,此方法只在第一次生成options menu时
被调用,对于以后菜单的更改可以在 onPrepareOptionsMenu(Menu) 中完成.

当点击option menuitem 时会触发 onOptionsItemSelected()

3 制定Context menu(具体请参考API Guid)
registerForContextMenu() and pass it the View;
Implement the onCreateContextMenu() method in your Activity;
Implement onContextItemSelected().

4 制定 Popup Menu(API11 才有)

5 Create Menu Group(看API Guide)

6 Using checkable menu

[html]view plaincopy 
    
 <?xml version="1.0" encoding="utf-8"?>   
 <menu xmlns:android="http://schemas.android.com/apk/res/android">   
     <group android:checkableBehavior="single">   
         <item android:id="@+id/red"   
               android:title="@string/red" />   
         <item android:id="@+id/blue"   
               android:title="@string/blue" />   
     </group>   
 </menu>   

single
    Only one item from the group can be checked (radio buttons)
all
    All items can be checked (checkboxes)
none
    No items are checkable
另外当某个菜单项被按下时你必须自己改变其check状态,系统不会自动改变,就像:

[java]view plaincopy 
    
 @Override   
 public boolean onOptionsItemSelected(MenuItem item) {   
     switch (item.getItemId()) {   
         case R.id.vibrate:   
         case R.id.dont_vibrate:   
             //改变这些menu item的状态   
             if (item.isChecked()) item.setChecked(false);   
             else item.setChecked(true);   
             return true;   
         default:   
             return super.onOptionsItemSelected(item);   
     }   
 }   

三、Dialogs
               <-- AlertDialog
          <-- ProgressDialog
Dialog <-- DatePickerDialog
              <-- TimePickerDialog

A dialog is always created and displayed as a part of an Activity.
一般情况下你会调用 Activity.onCreateDialog(int) 方法创建Dialog,这时Android System会管理
Dialog的状态并把此Dialog的拥有者设为此Activity.
Activity.onCreateDialog(int) --> (只在第一次创建Dialog时被调用)
Activity.onPrepareDialog(int) (显示前设置Dialog属性)--> Activity.showDialog(int) -->
Activity.dismissDialog(int)/Dialog.dismiss() (Dialog不在显示但Activity会保存其状态) -->
Activity.removeDialog(int) (Dialog被从Activity中删除,这个Dialog的引用被置null)

创建Dialog的一般步骤为:

[java]view plaincopy 
    
 //定义好Dialog ID   
 static final int DIALOG_PAUSED_ID = 0;   
 static final int DIALOG_GAMEOVER_ID = 1;   
 //创建时调用   
 protected Dialog onCreateDialog(int id) {   
     Dialog dialog;   
     switch(id) {   
     case DIALOG_PAUSED_ID:   
         // do the work to define the pause Dialog   
         break;   
     case DIALOG_GAMEOVER_ID:   
         // do the work to define the game over Dialog   
         break;   
     default:   
         dialog = null;   
     }   
     return dialog;   
 }   
 //显示Dialog   
 showDialog(DIALOG_PAUSED_ID);   

AlertDialog的创建可以使用其Builder,比较简单,具体可以参考API Guide.

ProgressDialog 包括两种,一种为进度条长度不能确定的 spinning circle,另一种有进度条长度且可以
更新这个进度条(此情况下一般会新建一个更新进度条的Thread),这两种情况都不是很复杂,具体请参看
API Guide.

定制自己的Dialog,可以继承自 Dialog也可以继承自 AlertDialog(这样可以利用它的按钮的相关特征),

具体请参看API Guide.

四、Notifications
1 Toast Notifications
A toast can be created and displayed from an Activity or Service.

2 设置一个 Toast 显示的位置
toast.setGravity(Gravity.TOP|Gravity.LEFT, 0, 0); 或
toast.setGravity(Gravity.CENTER_VERTICAL, 0, 0);
如果想往右一点就设置第2个参数,如果想往下一点就设置第3个参数,具体请参考Toast API

3 Status Notifications
一般是由background的service发出,要使用 Notification和NotificationManager

4
一个PendingIntent只是代表一个系统内部的 IIntentSender, PendingIntent本身只是一个符号.

下面是文档中的一个例子,花了一点时间研究了一下,下面做一下注释,以笔记下研究成果.(虽然很小)

[java]view plaincopy 
    
 static Intent[] makeMessageIntentStack(Context context, CharSequence from,   
         CharSequence msg) {   
     Intent[] intents = new Intent[4];   
     //查看 Intent.makeRestartActivityTask说明   
     //指向一个 root activity   
     intents[0] = Intent.makeRestartActivityTask(new ComponentName(context,   
             com.example.android.apis.ApiDemos.class));   
    
     // "App"   
     intents[1] = new Intent(context, com.example.android.apis.ApiDemos.class);   
     intents[1].putExtra("com.example.android.apis.Path", "App");   
     // "App/Notification"   
     intents[2] = new Intent(context, com.example.android.apis.ApiDemos.class);   
     intents[2].putExtra("com.example.android.apis.Path", "App/Notification");   
    
     // Now the activity to display to the user.  Also fill in the data it   
     // should display.   
     intents[3] = new Intent(context, IncomingMessageView.class);   
     intents[3].putExtra(IncomingMessageView.KEY_FROM, from);   
     intents[3].putExtra(IncomingMessageView.KEY_MESSAGE, msg);   
    
     return intents;   
 }   
    
 /**  
  * The notification is the icon and associated expanded entry in the  
  * status bar.  
  */   
 void showAppNotification() {   
     // look up the notification manager service   
     NotificationManager nm = (NotificationManager)getSystemService(NOTIFICATION_SERVICE);   
    
     // The details of our fake message   
     CharSequence from = "Joe";   
     CharSequence message;   
     switch ((new Random().nextInt()) % 3) {   
         case 0: message = "r u hungry?  i am starved"; break;   
         case 1: message = "im nearby u"; break;   
         default: message = "kthx. meet u for dinner. cul8r"; break;   
     }   
    
     //这种行为很像 startActivity(Intent[] intents)   
     //intents[0] 表示一个root activity   
     //intents[1] 相当于 intents[0].startActivity()   
     //intents[] 的最后一个Intent所关联的Activity是与用户交互的,用户可以使用BACK键   
     //回到intents[top-1]   
     //顺便学习了 Intent.fillIn() 和 PendingIntent.send() 方法   
     //上面两个方法要查看相关文档   
     PendingIntent contentIntent = PendingIntent.getActivities(this, 0,   
             makeMessageIntentStack(this, from, message), PendingIntent.FLAG_CANCEL_CURRENT);   
    
     // The ticker text, this uses a formatted string so our message could be localized   
     String tickerText = getString(R.string.imcoming_message_ticker_text, message);   
    
     // construct the Notification object.   
     Notification notif = new Notification(R.drawable.stat_sample, tickerText,   
             System.currentTimeMillis());   
    
     // Set the info for the views that show in the notification panel.   
     notif.setLatestEventInfo(this, from, message, contentIntent);   
    
     // We'll have this notification do the default sound, vibration, and led.   
     // Note that if you want any of these behaviors, you should always have   
     // a preference for the user to turn them off.   
     notif.defaults = Notification.DEFAULT_ALL;   
    
     // Note that we use R.layout.incoming_message_panel as the ID for   
     // the notification.  It could be any integer you want, but we use   
     // the convention of using a resource id for a string related to   
     // the notification.  It will always be a unique number within your   
     // application.   
     nm.notify(R.string.imcoming_message_ticker_text, notif);   
 }   

Notification.FLAG_AUTO_CANCEL 标记,当用记点击时会自己从"通知栏"消失(加红)

调用setLatestEventInfo() 对已经发出的Notification进行修正,主要是修改其text message

5 定制自己的 Notification (看完 Sytle和Theme再回来看)

五、Sytles and Themes
自己定义一个 style

[html]view plaincopy 
    
 <?xml version="1.0" encoding="utf-8"?>   
 <!-- 注意resources -->   
 <resources>   
     <style name="CodeFont" parent="@android:style/TextAppearance.Medium">   
         <item name="android:layout_width">fill_parent</item>   
         <item name="android:layout_height">wrap_content</item>   
         <item name="android:textColor">#00FF00</item>   
         <item name="android:typeface">monospace</item>   
     </style>   
 </resources>   

如何继承自己定义的 style, 当然可以使用 parent 属性,但你也可以这样做:

[html]view plaincopy 
    
 <style name="CodeFont.Red">   
         <item name="android:textColor">#FF0000</item>   
 </style>   

还可以再继承:

[html]view plaincopy 
    
 <style name="CodeFont.Red.Big">   
         <item name="android:textSize">30sp</item>   
 </style>   

你只能以这种形式继承自己定义的stye,不能以这种形式继承系统内建的style.

如果一个style中的属性,这个View不支持,它只是把它不支持的属性忽略掉.

注意 View 的XML中可以有一个 style=""@style/MyStyle" 属性,而Activity和Application可以有一个
android:theme="@style/MyStyle" 属性.

如果把一个style应用于一个ViewGroup,则仅仅这个ViewGroup应用这个属性,它的孩子不会应用这个属性.

使用系统自定义的style
<activity android:theme="@android:style/Theme.Dialog">

无论style还是theme都是用<style></style>来定义的,所以平台内建的 style和theme 都可以
在 android.R.style 中找到常量值,如果对这些常量值不太理解可以通过查看 styles.xml/themes.xml
查看源代码以帮助理解.现在的问题是,系统内建的style会用到一些属性,比如

[html]view plaincopy 
    
 <style name="Theme">   
     <item name="colorForeground">@android:color/bright_foreground_dark</item>   
     <item name="colorForegroundInverse">@android:color/bright_foreground_dark_inverse</item>   
     <item name="colorBackground">@android:color/background_dark</item>   
     <item name="colorBackgroundCacheHint">?android:attr/colorBackground</item>    
 </style>   

那么我们如何知道会有哪些属性需要定义呢?

对于普通的View 可以查看其 Reference 得到其相关于 XML attributes,还有一些属性
不是针对某一个View的,而是专门用于Theme类的,如android:windowBackground,我们可以在
R.styleable.Theme中找到(其实这些attr是在attrs.xml中定义的,只不过在Theme大类下)
另外:
For a reference of available style attributes that you can use to define a style
or theme (e.g., "windowBackground" or "textAppearance"), see R.attr or the respective
View class for which you are creating a style.

6 定制自己的组件
Fully Customized Components:
首先要设计好自己View的特性,即有哪些字段,如下面这个LabelView,它有两个字段:

[java]view plaincopy 
    
 public class LabelView extends View {   
     private String mText;   
     private Paint mPaint;   
 }   

然后完成对各字段设置的函数:

[java]view plaincopy 
    
 public class LabelView extends View {   
     //第一步:确定自己View的字段   
     private String mText;   
     private Paint mPaint;   
        
     //第二步:设置自己字段的方法   
     public void setText(String text) {   
         mText = text;   
     }   
     public void setTextColor(int color) {   
         mPaint.setColor(color);   
     }   
     public void setTextSize(int size) {   
         mPaint.setTextSize(size);   
     }   
 }   

再完成构造函数:

[java]view plaincopy 
    
 public class LabelView extends View {   
     //第一步:确定自己View的字段   
     private String mText;   
     private Paint mPaint;   
        
     //第二步:设置自己字段的方法   
     public void setText(String text) {   
         mText = text;   
     }   
     public void setTextColor(int color) {   
         mPaint.setColor(color);   
     }   
     public void setTextSize(int size) {   
         mPaint.setTextSize(size);   
     }   
        
     //第三步:完成构造函数   
     public LabelView(Context context) {   
         super(context);   
         ...   
     }   
     public LabelView(Context context, AttributeSet attrs) {   
         super(context, attrs);   
         ...   
     }   
        
     //第四步:完成onMearsure()方法   
     @Override   
     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {   
         setMeasuredDimension(int, int);   
     }   
        
     //第五步:完成onDraw(Canvas)   
     @Override   
     protected void onDraw(Canvas canvas) {   
         super.onDraw(canvas);   
         canvas.drawXXX();   
     }   
 }   

下面是一个完整的例子(SDK 自带的例子):

[java]view plaincopy 
    
 import android.content.Context;   
 import android.content.res.TypedArray;   
 import android.graphics.Canvas;   
 import android.graphics.Paint;   
 import android.util.AttributeSet;   
 import android.view.View;   
    
 public class LabelView extends View {   
    
     //第一步   
     private String mText;   
     private Paint mPaint;   
     private int mAscent; /*此字段是在写类的过程中添加的,不是原先设计好的*/   
        
     //第二步   
     public void setText(String text) {   
         mText = text;   
         /*   
             在整个View的大小改变时需要调用  
             此方法,调用此方法后会触发 onMeasure() 方法,  
             重新计算和View相关的大小信息  
         */   
         requestLayout();   
         /*  
             当View的任何内容改变时(包括大小/样式/文字颜色)都  
             需要调用此方法,调用此方法后会触发 onDraw() 方法  
         */   
         invalidate();   
     }   
     public void setTextColor(int color) {   
         mPaint.setColor(color);   
         /*只是改变字体颜色,不改变View大小,所以不用调用requestLayout*/   
         invalidate();   
     }   
     public void setTextSize(int size) {   
         mPaint.setTextSize(size);   
         requestLayout();   
         invalidate();   
     }   
     //第三步   
     public LabelView(Context context) {   
         super(context);   
         initLabelView();   
     }   
     public LabelView(Context context, AttributeSet attrs) {   
         super(context, attrs);   
         initLabelView();   
         /*  
             Context.obtainStyledAttributes(AttributeSet set, int[] attrs)  
             对于此方法第一个参数是XML文件中对此View的属性设置;  
             第二个参数是在/res/valus/attrs.xml文件中定义的此文件的属性集合(包含许多属性)  
         */   
         TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.LableView);   
         /*  
             R.styleable.LableView_text是一个int[] attrs的一个下标值  
         */   
         String s = a.getString(R.styleable.LableView_text);   
         if(s != null) {   
             setText(s);   
         }   
         setTextColor(a.getColor(R.styleable.LableView_textColor, 0xFF000000));   
         int textSize = a.getDimensionPixelOffset(R.styleable.LableView_textSize, 0);   
         if(textSize > 0) {   
             setTextSize(textSize);   
         }   
         a.recycle();   
     }   
     private void initLabelView() {   
         mPaint = new Paint();   
         mPaint.setColor(0xFF000000);   
         mPaint.setTextSize(16);   
         /* 使画出来的形状的"边沿"比较光滑 */   
         mPaint.setAntiAlias(true);   
         setPadding(3, 3, 3, 3);   
     }   
        
     //第四步   
     @Override   
     /*  
         此函数要决定这个View的大小,本View的Container会把widthMeasureSpec参数  
         传入到此函数,注意widthMeasureSpec不是简单的一个整数,它代表了SpecMode/  
         SpecSize的信息  
     */   
     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {   
         setMeasuredDimension(measureWidth(widthMeasureSpec),    
                 measureHeight(heightMeasureSpec));   
     }   
     private int measureWidth(int widthMeasureSpec) {   
         int result = 0;   
         int specMode = MeasureSpec.getMode(widthMeasureSpec);   
         int specSize = MeasureSpec.getSize(widthMeasureSpec);   
         if(MeasureSpec.EXACTLY == specMode) {   
             result = specSize;   
         } else {   
             result = (int)mPaint.measureText(mText) + getPaddingLeft()    
                         + getPaddingRight();   
             if(MeasureSpec.AT_MOST == specMode) {   
                 result = Math.min(result, specSize);   
             }   
         }   
         return result;   
     }   
     private int measureHeight(int heightMeasureSpec) {   
         int result = 0;   
         int specMode = MeasureSpec.getMode(heightMeasureSpec);   
         int specSize = MeasureSpec.getSize(heightMeasureSpec);   
         mAscent = (int)mPaint.ascent();   
            
         if(MeasureSpec.EXACTLY == specMode) {   
             result = specSize;   
         } else {   
             result = -mAscent + (int)mPaint.descent() + getPaddingTop()    
                         + getPaddingBottom();   
             if(MeasureSpec.AT_MOST == specMode) {   
                 result = Math.min(result, specSize);   
             }   
         }   
         return result;   
     }   
        
     //第五步   
     @Override   
     protected void onDraw(Canvas canvas) {   
         super.onDraw(canvas);   
         canvas.drawText(mText, getPaddingLeft(), getPaddingTop() - mAscent, mPaint);   
     }   
    
 }   

在 res/values/attrs.xml 中定义的 LabelView的相关 attr:

[html]view plaincopy 
    
 <?xml version="1.0" encoding="utf-8"?>   
 <resources>   
     <!-- declare-styleable是一个大组,编译为 R.styleable,且R.styleable中常量都为一个数组,数组中的值是 R.attr 中值 -->   
     <!-- attr 为一个小属性,是declare-styleable的子元素,编译为 R.attrs -->   
     <declare-styleable name="LableView">   
         <attr name="text" format="string" />   
         <attr name="textColor" format="color"/>   
         <attr name="textSize" format="dimension"/>   
     </declare-styleable>   
 </resources>   

编译后的 R 文件为:

[java]view plaincopy 
    
 public static final class attr {   
     public static final int text=0x7f010000;   
     public static final int textColor=0x7f010001;   
     public static final int textSize=0x7f010002;   
 }   

[java]view plaincopy 
    
 public static final class styleable {   
     public static final int[] LableView = {   
         0x7f010000, 0x7f010001, 0x7f010002   
     };   
    
     //数组的下标,方便在代码中使用,工具自动生成   
     public static final int LableView_text = 0;    
     public static final int LableView_textColor = 1;   
     public static final int LableView_textSize = 2;   
 };   
 

Android API Guide 之 User Interface笔记

热门文章

最新文章

相关课程

相关电子书

相关实验场景