Android用户界面

一、UI的理解
　　全称user interface, 意为: 用户界面
　　UI由View和ViewGroup组成? ? ? ?
　　View类是所有视图(包括ViewGroup)的根基类
　　View在屏幕上占据一片矩形区域, 并会在上面进行内容绘制
　　ViewGroup包含一些View或ViewGroup, 用于控制子View的布局
　　ViewGroup与View是父子关系

　　

二、UI事件
　　当用户通过手指触摸UI时, 系统会自动创建对应的Event对象
　　Android中提供了多种方式拦截处理不同类型的事件
　　视图本身就可以处理发生在该视图上的事件
　　Android提供了很多不同类型的事件监器听接口:
　　　　View.OnClickListener: onClick()
　　　　View.OnLongClickListener: onLongClick()
　　　　View.OnTouchListener: onTouch()
　　　　View.OnCreateContextMenuListener: onCreateContextMenu()
　　　　View.OnFocusChangeListener: onFocusChange()
　　　　View.OnKeyListener: onKey()

　　设置监听器:view.seton...Listneer(listener)

三、简单的UI组件
　　　　常用的UI组件
　　　　　　TextView:文本视图

　　　　　　　　

　　　　　　EditText:可编辑的文本视图

　　　　　　　　

　　　　　　Button:按钮

　　　　　　　　

　　　　　　ImageView:图片视图

　　　　　　　　　　

　　　　　　　　　　android:background="@drawable/ic_launcher"//背景图片 图片和视图一样大
　　　　　　　　　　android:src=""//前景图片 原来大小 前景图片如果比背景图片大 会覆盖背景图片
　　　　　　CheckBox:多选框

　　　　　　　　　　　

　　　　　　RadioGroup/RadioButton:单选框 线性布局

　　　　　　　　　　　　

　　　　　　Toast 文本小提示
　　　　　　View:视图隐藏/显示的方法
　　　　　　　　void setVisibility(int visibility) : 设置视图的可见性
　　　　　　　　View. VISIBLE : 标识可见
　　　　　　　　View. INVISIBLE : 标识不可见, 但占屏幕空间
　　　　　　　　View.GONE : 标识不可见, 也不占屏幕空间

四.菜单Menu
　　a.OptionMenu
　　　　1.如何触发Menu的显示?
　　　　　　点击手机的menu键触发

　　　　2.如何向Menu中添加MenuItem?
　　　　　　重写onCreateOptionMenu()
　　　　　　纯编码方式:menu.add()

　　　   3.加载菜单文件的方法:
　　　　　　MenuInflater menuInflater = getMenuInflater();
　　　　　　menuInflater.inflate(R.menu.main_option, menu);

　　　　4.选择某个MenuItem时如何响应?
　　　　　　重写onOptionsitemSelected()，根据itemid做响应

　　　　
　　b、contentMenu
　　　　1.如何触发Menu的显示?
　　　　　　长按某个视图
　　　　　　view.setOnCreateContextMenuListener(this)
　　　　2. 为某个视图添加创建ContextMenu的监听(需要长按触发)
　　　　　　如何向Menu中添加MenuItem?
　　　　　　重写onCreateContextMenu(menu,view,menuinfo)
　　　　3.显示菜单的回调方法
　　　　　　menu.add
　　　　4.选择某个MenuItem时如何响应?
　　　　　　重写onContextitemSelected(Menultem item)，根据itemid做响应

* 测试Menu
 * @author Administrator
  */
/*
 * OptionMenu
 *1.如何触发Menu的显示?点击menu建
 *2.如何向menu中添加MenuItem?重写onOptionsItemSelected
 *    1)menu.add()
 *    2)菜单文件
 *3.选择某个MenuItem时如何响应?重写onOptionsItemSelected
 *
 *ContextMenu
 *1.如何触发Menu的显示?长按摸个视图view.setOnCreateContextMenuListener(this)
 *2.如何向Menu中添加MenuItem? 重写OnCreateContextMenu(),menu.add()
 *3.选择某个MenuItem时如何响应?重写onContextItemSelected(),根据itemId作响应
 */
public class MenuActivity extends Activity {
    private Button btn_menu;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_menu);
        btn_menu = (Button)findViewById(R.id.btn_menu);
        btn_menu.setOnCreateContextMenuListener(this);
    }
    @Override
    //长按触发菜单
    public void onCreateContextMenu(ContextMenu menu, View v,
            ContextMenuInfo menuInfo) {
        super.onCreateContextMenu(menu, v, menuInfo);
        //添加菜单选项
        /**
         * groupId:分组
         * itemId:id
         * order:排序
         * title:标题
         */
        //menu.add(groupId, itemId, order, title)
        menu.add(0, 1, 0, "添加");
        menu.add(0, 2, 0, "删除");
    }
    @Override
    public boolean onContextItemSelected(MenuItem item) {
        switch (item.getItemId()){//获取当前点击的菜单id
        //case R.id.add:
        case 1:
            Toast.makeText(this, "添加", 0).show();//显示
            break;
        //case R.id.delete:
        case 2:
            Toast.makeText(this, "删除", 0).show();
            break;
        default:
            break;
        }
        return super.onContextItemSelected(item);
    }
    @Override
    //用来显示optionMenu:向menu中添加item
    public boolean onCreateOptionsMenu(Menu menu) {
        //纯编码方式
        menu.add(0, 1, 0, "添加");
        menu.add(0, 2, 0, "删除");
        /*MenuInflater menuinf = getMenuInflater(); 
        menuinf.inflate(R.menu.option_menu, menu);//加载菜单文件*/
        return super.onCreateOptionsMenu(menu);
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
        //case R.id.add:
        case 1:
            Toast.makeText(this, "添加", 0).show();
            break;
        //case R.id.delete:
        case 2:
            Toast.makeText(this, "删除", 0).show();
            break;
        default:
            break;
        }
        return super.onOptionsItemSelected(item);
    }
}

五、进度条
　　a.ProgressBar下的方法:
　　　　1.void setProgress(int Progress) : 设置当前进度
　　　　2.int getProgress() : 得到当前进度
　　　　3.void setMax(int max) : 设置最大进度
　　　　4.int getMax() : 设置或得到最大进度
　　　　5.圆形

　　　　　　

　　　　6.水平

　　　　　　

　　b.SeekBar
　　　　

六、对话框
　　　API结构
　　　　

　　   a.AlertDialog
　　　　　1一般的
　　　　　　show():显示警告框
　　　　　　没有公开的构造方法，中能通过其内部Builder来构建
　　　　　　create() : 创建AlertDialog对象
　　　　　　show() : 创建AlertDialog对象, 同时将其显示出来
　　　　　　setTitle(CharSequence title) : 设置标题
　　　　　　setMessage(CharSequence message) : 设置内容
　　　　　　setPositiveButton(String text, OnClickListener listener) : 设置正面按钮
　　　　　　setNegativeButton(String text, OnClickListener listener): 设置负面按钮
　　　　　　dismiss() : 移除dialog
　　　　　　setSingleChoiceItems(….)设置单选项列表

/**
     * 设置一般AlertDialog
     * @param v
     */
    public void showAD1(View v){
        new AlertDialog.Builder(this)
            .setTitle("删除数据")//设置标题
            .setMessage("你确定要删除吗")//设置内容
            .setPositiveButton("删除",new DialogInterface.OnClickListener() {//设置正面按钮
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    Toast.makeText(DialogActivity.this, "删除数据", 0).show();
                }
            })
            .setNegativeButton("取消", new DialogInterface.OnClickListener() {//设置负面按钮 
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    Toast.makeText(DialogActivity.this, "取消删除数据", 0).show();
                }
            })
            .show();//方法链调用
    }

　　　　　2.自定义布局
　　　　　　动态加载布局文件得到对应的View对象
　　　　　　　　View inflate(Context context, int resource, ViewGroup root) : 动态加载布局得到View
　　　　　　设置View
　　　　　　　　setView(View view) : 设置Dialog中的视图

/**
     * 显示自定义AlertDialog
     * @param v
     */
    public void showAD3(View v){
        //动态加载布局 得到对应的view对象
        //问题1: view的真实类型?是布局文件的根标签类型，包含子view对象
        //问题2: 如何得到一个独立view的子view? view.findViewId(id)
            //findViewId(id)是在setContentView()中找
        View view = View.inflate(this, R.layout.dialog_view, null);
        final EditText nameET = (EditText)view.findViewById(R.id.ed_dialog_name);
        final EditText pwdET = (EditText)view.findViewById(R.id.ed_dialog_pwd);
        new AlertDialog.Builder(this)
            .setView(view)
            .setPositiveButton("确定",new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    String name = nameET.getText().toString();
                    String pwd = pwdET.getText().toString();
                    Toast.makeText(DialogActivity.this, "用户名:"+name+" ,密码:"+pwd, 0).show();
                }
            })
            .setNegativeButton("取消", null)
            .show();
    }

　　　　　3.带单选列表的

/**
     * 显示单选列表AlertDialog
     * @param v
     */
    public void showAD2(View v){
        final String[] items = {"红","绿","蓝","黑"};//当局部变量定义了final时，此变量不会随着方法执行完毕而消失
        new AlertDialog.Builder(this)
            .setTitle("指定背景颜色")
            .setSingleChoiceItems(items, 2, new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {//which为数组下标
                    Toast.makeText(DialogActivity.this, items[which], 0).show();
                    dialog.dismiss();
                }
            })
            .show();
    }

　　　　4.圆形进度
　　　　　　static show(Context context, CharSequence title,CharSequence message) : 显示dialog

/**
     * 显示圆形进度ProgressDialog
     * @param v
     */
    public void showPD1(View v){//回调方法：在主线程执行
        final ProgressDialog dialog = ProgressDialog.show(this, "数据加载", "数据加载中...");
        //模拟做一个长时间的工作需要在分线程完成，不能在主线程完成
        new Thread(){
            public void run() {//分线程
                for(int i=0;i<20;i++){
                    try {
                        Thread.sleep(100);//睡2秒
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
                //移除dialog
                dialog.dismiss();//在分线程执行，但内部使用Hander实现主线程移除dialog
                //不能在分线程更新UI
                //显示Toast
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {//在主线程执行
                        Toast.makeText(getApplicationContext(), "加载完成!!!", 0).show();
                    }
                });
                //runOnUiThread()在分线程执行
                //Runnable()中的run()方法要在满足以下条件时才会在分线程执行
                /*new Thread(new Runnable() {
                    @Override
                    public void run() {//此时的run方法才会在分线程执行
                    }}).start();*/
            }
        }.start();
    }

　　　　5.水平进度
　　　　　　ProgressDialog(Context context) : 构造方法
　　　　　　setProgressStyle(int style) 设置样式
　　　　　　ProgressDialog.STYLE_HORIZONTAL :水平进度条样式

/**
     * 
     * 显示水平进度ProgressDialog
     * @param v
     */
    public void showPD2(View v){
        //1.创建dialog对象
        final ProgressDialog pd = new ProgressDialog(this);
        //2.设置样式
        pd.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
        //3.显示
        pd.show();
        //4.启动分线程，加载数据，并显示进度，当加载完成时移除dialog
        new Thread(new Runnable(){
            @Override
            public void run() {
                int count =20;
                pd.setMax(count);
                for(int i=0;i<count;i++){
                    try {
                        Thread.sleep(100);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                    //设置进度
                    pd.setProgress(pd.getProgress()+1);
                }
                //移除dialog
                pd.dismiss();
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(getApplicationContext(), "加载完成!!!", 0).show();
                    }
                });
            }
        }).start();
    }

　　　　5.DateDialog
　　　　　　//创建日历对象
　　　　　　Calendar calendar = Calendar.getInstance();
　　　　　　//得到当前的年月日
　　　　　　final int year = calendar.get(Calendar.YEAR);//得到年份
　　　　　　final int monthOfYear = calendar.get(Calendar.MONTH);//月
　　　　　　final int dayOfMonth = calendar.get(Calendar.DAY_OF_MONTH);//得到日

　　　　　　

/**
     * 
     * 显示DatePickerDialog
     * @param v
     */
    public void showDPD(View v){
        Calendar c = Calendar.getInstance();//获取日历对象
        int year = c.get(Calendar.YEAR);//获取年份
        int month = c.get(Calendar.MONTH);//获取月份
        int day = c.get(Calendar.DAY_OF_MONTH);//获取天数
        new DatePickerDialog(this, new OnDateSetListener() {
            @Override
            public void onDateSet(DatePicker view, int year, int month,
                    int day) {
                Toast.makeText(getApplicationContext(), "当前时间:"+year+"-"+month+"-"+day, 0).show();
            }
        }, year, month, day).show();
    }

　　　　6.TimeDialog
　　　　　　Calendar c = Calendar.getInstance();
　　　　　　int hourOfDay = c.get(Calendar.HOUR_OF_DAY); //得到小时
　　　　　　int minute = c.get(Calendar.MINUTE); //得到分钟

/**
     * 
     * 显示TimePickerDialog
     * @param v
     */
    public void showTPD(View v){
        Calendar c = Calendar.getInstance();//获取日历对象
        int hour = c.get(Calendar.HOUR_OF_DAY);//获取时间
        int minute = c.get(Calendar.MINUTE);//获取分钟
        new TimePickerDialog(this, new OnTimeSetListener() {
            @Override
            public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
                Toast.makeText(getApplicationContext(), "当前时间"+hourOfDay+":"+minute, 0).show();
            }
        }, hour, minute, true).show();
    }

　　启动分线程

　　　　

　　根据id查找View对象
　　　　a.查找当前界面中的view对象
　　　　　　this.findViewById(id)
　　　　b.查找某个view对象的子view
　　　　　　view.findViewById(id)
　　更新视图
　　　　a.不能在分线程直接更新UI
　　　　Toast不能在分线程显示
　　但ProgressDialog可以在分线程更新（因为它的内部使用了Hander）
　　　　b.长时间的工作只能在分线程执行（如果在主线程执行会导致用户的操作无法响应）