3.Android中的用户界面（Android interface）

1. UI的理解
   UI是由View和ViewGroup组件的
   
   一般的View: 会在屏幕上显示一个效果, 它没有子View
   ViewGroup: 控制子View/ViewGroup的布局(layout), 它本身并不能显示什么效果
   UI相关API结构
   

2. 常用的UI组件
   TextView : 文本视图
   TextView
   id=”@+id/xxx”
   layout_width=”fill_Parent/wrap_Content/100dp”
   layout_height=”fill_Parent/wrap_Content/100dp”
   text=”显示的内容”
   textColor=”#ff0000”
   textSize=”20sp”
   background=”背景颜色”
   gravity=”left/rigth/center/top/bottom”>
   EditText : 输入框
   EditText
   hint=”提示”
   inputType=”phone”
   maxLines=”最大行数”>
   Button : 按钮
   Button
   ImageVIew : 图片视图
   ImageView
   backaground=”@android:drawable/xxxx” //引用系统的图片
   src=”@drawable/xxxx” //引用自己的图片
   imageView.setBackgroudResource(android.R.drawable.yyy) //设置背景图片
   imageView.setImageResource(R.drawable.yyy) //设置前景图片
   CheckBox : 多先框
   CheckBox
   checked=”true”
   checkBox.setCheckedChangeListener(listener);//设置选中状态改变的监听
   RadioButton/RadioGroup : 单选框
   RadioGroup
   oritation=”horizental”
   RadioButton
   checked=”true”
   radioGroup.setCheckedChangeListener(listener);//设置选中状态改变的监听
   Menu : 菜单
   分类: OptionMenu, ContextMenu
   显示方式: 纯java代码(menu), 菜单文件+MenuInflater
   如何显示:
   OptionMenu : onCreateOptionMenu(Menu menu)
   ContextMenu:
   view.setOnCreateContextMenuListener(this)
   onCreateContextMenu(Menu menu)
   选择某个item时的响应
   OptionMenu : onOptionItemSelected(MenuItem item)
   ContextMenu: onContextItemSelected(MenuItem item)
   ProgressBar : 进度条
   分类: 圆形的进度, 水平的
   ProgressBar
   style=”” //指定样式
   progress=”20” //指定进度, 默认为0
   max=”200” //指定进度的最大值, 默认是100
   setProgress(progress)
   getProgress()
   setMax(max)
   getMax()
   SeekBar : 可滑动进度条
   SeekBar: 可以手动设置进度
   setOnSeekBarChangeListener(listener)
   onStartTrackingTouch() : 按下
   onStopTrackingTouch() : 离开
   onProgressChanged(): 滑动变化

   Dialog : 对话框
   AlertDialog
   基本的
   带单选列表
   自定义显示View的
   new AlertDialog.Builder()
   .setTitle(title)
   .setMessage(message)
   .setSingleChoiceItems(String[] items, int itemIndex, Listener)
   .setView(view)
   .setPositiveButton(String text, listener)
   .setNegativeButton(String text, listener)
   .show();

          dialog.dismiss();
   
     ProgressDialog : 带进度条的对话框
          圆形的: ProgressDialog.show(context, title, message);
          水平进度的
               ProgressDialog dialog = new ProgressDialog(context);
               dialog.setProgressStyle(ProgressDialog.STYLE_HORIZENTAL);
               dialog.show();
   

3. 常用的UI布局
   LinearLayout: 线性布局
   1). 方向(oritation): 水平和垂直
   2). 权重(weight)
   =0(默认), 指定多大占用多大
   

   0, 剩余多大就占用多大, 如果多个的权重相同就平均分配
   RetiveLayout: 相对布局
   1). 一个视图默认是从左顶点开始布局的
   2). 与兄弟之间的
   a. 同方向对齐 align_xxx (left/top/right/bottom) @id/id值
   b. 反方向对齐 toLeftOf / toRight / above / below @id/id值
   3). 与父亲之间的
   同方向对齐 align_parent_xxx(left/top/right/bottom) true/false
   居中: cent_xxx
   FrameLayout: 帧布局
   TableLayout: 表格式布局

4. 常用的视图配置的属性
   id
   layout_width
   layout_hight
   background=”颜色/图片”
   src=”前景图片”
   textSize
   text
   textColor
   hint
   inputtype
   maxLines
   layout_grarity: 控制自己在父亲中的位置
   grarity: 控制孩子在自己中的位置
   内边距
   padding 10dp
   padding_xxx(left/top/right/bottom) 10dp
   外边距
   margin 10dp
   margin_xxx(left/top/right/bottom) 10dp

   同方向对齐 align_xxx (left/top/right/bottom) @id/id值
   反方向对齐 toLeftOf / toRight / above / below @id/id值
   同父亲方向对齐 align_parent_xxx(left/top/right/bottom) true/false
   在父亲居中: cent_xxx

5. ListView的使用
   ListView
   listView.setAdapter(adapter);
   listView.setOnItemClick(listener); //position
   listView.setOnItemLongClick(listener); //position
   Adapter
   ArrayAdapter(context, layout, data)
   SimplAdapter(context, layout, data, from, to)
   List”Map”String, Object”” data //保存要显示的数据
   String[] from //保存map中key
   int[] to //保存view的id
   BaseAdapter
   int getCount() //返回data中数据的个数
   Object getItem(int position) //返回data中position对应的某项数据
   View getView(int position, View itemView) //返回Position所对应的某项view
6. 得到view对象
   1). 利用复用的itemView
   2). 动态加载view View.inflate(layout)
7. 得到对应的数据
   Object obj = data.get(postion);
8. 设置数据
   1). 找到子视图: itemView.findViewById(id)
   2). 取出数据设置进去

9. 应用练习
   

   ---

10. 功能描述:
    1). 以列表的形式显示手机内安装的所有应用的程序信息(应用图标和应用名称)
    2). 点击某一项显示应用的名称

11. 技术点:
    1). 得到手机内安装的所有应用的程序应用图标和应用名称信息的集合(暂时不需要)
    2). 使用ListView和BaseAdapter显示列表
    3). 使用相对布局设计Item的布局
    4). 给每行添加点击事件, 显示应用的名称

测试代码：
主代码

package com.meng.app_graphic;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.content.Intent;
import android.content.pm.PackageManager;
import android.content.pm.ResolveInfo;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.animation.ScaleAnimation;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;

import com.meng.app_bean.AppInfo;

public class MainActivity extends Activity implements OnItemClickListener, OnScrollListener{
    private List<AppInfo> data;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ListView view = (ListView)findViewById(R.id.list_View_apps);
        MyAdapter adapter =  new MyAdapter();

        data = getAllAppInfos();

        view.setAdapter(adapter);
        view.setOnItemClickListener(this);
        view.setOnScrollListener(this);
    }

    protected List<AppInfo> getAllAppInfos() {

        List<AppInfo> list = new ArrayList<AppInfo>();
        //得到应用的packgeManager
        PackageManager packageManager = getPackageManager();
        //创建一个主界面的intent
        Intent intent = new Intent();
        intent.setAction(Intent.ACTION_MAIN);
        intent.addCategory(Intent.CATEGORY_LAUNCHER);
        //得到包含应用信息的列表
        List<ResolveInfo> ResolveInfos = packageManager.queryIntentActivities(intent, 0);
        //遍历
        for (ResolveInfo ri : ResolveInfos) {
        //得到包名
        String packageName = ri.activityInfo.packageName;
        //得到图标
        Drawable icon = ri.loadIcon(packageManager);
        //得到应用名称
        String appName = ri.loadLabel(packageManager).toString();
        //封装应用信息对象
        AppInfo appInfo = new AppInfo(icon, appName, packageName);
        //添加到list
        list.add(appInfo);
        }
        return list;
    }


    class MyAdapter extends BaseAdapter{

        @Override
        public int getCount() {
            return data.size();
        }

        @Override
        public AppInfo getItem(int position) {
            // TODO Auto-generated method stub
            return data.get(position);
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            if(convertView==null){
                convertView = View.inflate(MainActivity.this , R.layout.app_iteam, null);
            }
            AppInfo app = data.get(position);
            ((ImageView)convertView.findViewById(R.id.tv_iteam_icon)).setImageDrawable(app.getIcon());
            ((TextView)convertView.findViewById(R.id.tv_iteam_appname)).setText(app.getAppName());
            return convertView;
        }
    }

//AppInfo代码

package com.meng.app_bean;

import android.graphics.drawable.Drawable;

public class AppInfo {
    private Drawable icon;
    private String appName;
    private String packageName;


    public AppInfo() {
        super();
    }


    public AppInfo(Drawable icon, String appName, String packageName) {
        super();
        this.icon = icon;
        this.appName = appName;
        this.packageName = packageName;
    }


    public Drawable getIcon() {
        return icon;
    }


    public void setIcon(Drawable icon) {
        this.icon = icon;
    }


    public String getAppName() {
        return appName;
    }


    public void setAppName(String appName) {
        this.appName = appName;
    }


    public String getPackageName() {
        return packageName;
    }


    public void setPackageName(String packageName) {
        this.packageName = packageName;
    }


    @Override
    public String toString() {
        return "AppInfo [icon=" + icon + ", appName=" + appName
                + ", packageName=" + packageName + "]";
    }


}

//XML配置文件代码
// Activity_main

<”LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:orientation=”vertical” >

<TextView
    android:id="@+id/textView1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="应用列表" 
    android:textSize="25sp"
    android:background="#aaffee"
    android:gravity="center"/>

<ListView
    android:id="@+id/list_View_apps"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >
</ListView>

<”/’LinearLayout>

---

//_________________________________

//app_iteam
<”?xml version=”1.0” encoding=”utf-8”?>
<”LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:orientation=”horizontal”
android:layout_gravity=”center_vertical”>

<ImageView
    android:id="@+id/tv_iteam_icon"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_launcher" />

<TextView
    android:id="@+id/tv_iteam_appname"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:text="TextView" 
    android:gravity="center"/>

<”/LinearLayout>

//<”应该写为:<
“`