20161105第一行代码第三章UI

第三章UI

一、常用控件

1、TextView

2、Button

3、EditText

密码:android:password=”true”

4、ImageView

5、ProgressBar

设置其进度

progress=bar.getProgress();

progress+=10;

bar.setProgress(progress);

if(progress==100)

{

bar.setVisibility(View.GONE);

}

6、AlertDialog

AlertDialog.Builder dialog=new AlertDialog.Builder(MainActivity.this);

dialog.setTitle("确认删除");

dialog.setMessage("你确认删除么?");

dialog.setCancelable(false);

dialog.setPositiveButton("确认", new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

// TODO Auto-generated method stub

Toast.makeText(MainActivity.this, "已经删除", Toast.LENGTH_SHORT).show();

}

});

dialog.setNegativeButton("取消", new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

// TODO Auto-generated method stub

Toast.makeText(MainActivity.this, "已经取消", Toast.LENGTH_SHORT).show();

}

});

dialog.show();

7、ProgressDialog

和AlertDialog类似,只是内容为一个进度条。

进度加载完成之后,必须使用dismiss()来关闭对话框。

二、基本布局

1、LinearLayout

android:gravity指定文字在控件中的对齐方式

android:layout_gravity:指定控件在布局中的对齐方式

android:layout_weight:按比例分配控件大小

2、RelativeLayout

3、FrameLayout

4、TableLayout


android:layout_span=”2”将两列合并为一列

在TableRow中无法指定控件的宽度,通过android:stretchColumns=”1”,指定将第二列拉伸到最大。

5、GridLayout

三、自定义控件

Android中,控件和布局的继承结构图

1、添加自定义标题布局

自定义一个布局title.xml,然后在mainactivity布局中引入

当然,需要将系统自带标题栏屏蔽

requestWindowFeature(Window.FEATURE_NO_TITLE);

2、创建自定义控件

上面方法自定义的标题栏并不能响应操作,采用自定义控件方法来实现操作。

(1)首先,构建一个title.xml布局文件

(2)然后,构建一个自定义标题控件TitleLayout:

利用LayoutInflater动态加载布局文件title.xml。

public class TitleLayout extends LinearLayout{

public TitleLayout( Context context, AttributeSet attrs) {

super(context, attrs);

LayoutInflater.from(context).inflate(R.layout.title, this);

Button edit=(Button) findViewById(R.id.title_edit);

Button back=(Button) findViewById(R.id.title_back);

edit.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Toast.makeText(getContext(), "Edit", Toast.LENGTH_SHORT).show();

}

});

back.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Toast.makeText(getContext(), "Back", Toast.LENGTH_SHORT).show();

}

});

}

}

(3)如同加入其它的控件一样,将该自定义的控件添加到mainactivity.xml文件中

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

四、ListView

1、最简单的Adapter

要将数据放置在ListView中,都需要一个adapter转换。

一个最简单的adapter,就是把一个字符串数组放置在ListView中。

ArrayAdapter接收3个参数:context,ListView单个子项布局id和数据。

listView=(ListView) findViewById(R.id.listView1);

ArrayAdapter adapter=new ArrayAdapter(MainActivity.this,

android.R.layout.simple_list_item_1, data);

listView.setAdapter(adapter);

2、定制ListView界面

拓展阅读

只显示文字很单调,需要显示图片等,则需要构建自定义的布局。

(1)数据:Fruit类

首先准备需要适配的数据,数据包括文字、图片id,定义一个Fruit类存放这些数据。

(2)子项布局:fruit_layout.xml

之后,需要自定义ListView中单个子项的布局。本例中就是一个图片加上一个文字。

(3)自定义适配器:FruitAdapter.java

该适配器中,最重要的是getView()方法。该方法在每个子项滚动到屏幕内时被调用。

position是该子项的位置,利用getItem(position)可以获得当前的Fruit实例fruit;

然后,利用LayoutInflater可以加载布局为fruit_layout的布局view;

该布局view即为步骤(2)中自定义的布局,通过view.findViewById()可以获得ImageView和TextView。

最后,将fruit中的imageId和name传入ImageView和TextView。

public class FruitAdapter extends ArrayAdapter{

private int resourceId;

public FruitAdapter(Context context, int resource, List objects) {

super(context, resource, objects);

resourceId=resource;

}

public View getView(int position, View convertView, ViewGroup parent) {

Fruit fruit=getItem(position);

View view=LayoutInflater.from(getContext()).inflate(R.layout.fruit_layout, null);

TextView fruit_name=(TextView) view.findViewById(R.id.fruit_name);

ImageView fruit_image=(ImageView) view.findViewById(R.id.fruit_image);

fruit_image.setImageResource(fruit.getImageId());

fruit_name.setText(fruit.getName());

return view;

}

}

(4)使用

List fruits=new ArrayList();

FruitAdapter adapter=new FruitAdapter(MainActivity.this, R.layout.fruit_layout, fruits);

在fruits中添加数据。

3、提升ListView效率

getView()每次都将布局重新加载一遍,效率很低。处理方法为:

(1)convertView

convertView将之前加载好的布局进行缓存,以便之后重用。则可以不必每次都使用LayoutInflater重新加载布局,而直接加载缓存的布局。

if(convertView==null) view=LayoutInflater.from(getContext()).inflate(R.layout.fruit_layout, null);

else

view=convertView;

(2)ViewHolder

每次都使用findViewById获取控件,效率低下。

使用convertView将之前已经find的view也一起缓存。

View有setTag()和getTag()方法,分别进行数据写入和读取。

采用自定义的ViewHolder类,将多个参数一起管理,比如TextView/ImageView等。

public class FruitAdapter extends ArrayAdapter {

public FruitAdapter(Context context, int resource, List objects) {

super(context, resource, objects);

resourceId = resource;

}

private int resourceId;

public View getView(int position, View convertView, ViewGroup parent) {

Fruit fruit = getItem(position);

View view;

ViewHolder viewHolder;

if (convertView == null) {

viewHolder = new ViewHolder();   //一定要记住实例化对象啊

view = LayoutInflater.from(getContext()).inflate(

R.layout.fruit_layout, null);

viewHolder.fruit_image = (ImageView) view

.findViewById(R.id.fruit_image);

viewHolder.fruit_name=(TextView) view.findViewById(R.id.fruit_name);

view.setTag(viewHolder);

} else {

view = convertView;

viewHolder = (ViewHolder) view.getTag();

}

viewHolder.fruit_image.setImageResource(fruit.getImageId());

viewHolder.fruit_name.setText(fruit.getName());

return view;

}

class ViewHolder {

ImageView fruit_image;

TextView fruit_name;

}

}

4、ListView点击事件

注册setOnItemClickListener()事件:

listView.setOnItemClickListener(new OnItemClickListener() {

public void onItemClick(AdapterView parent, View view,

int position, long id) {

Fruit fruit=fruits.get(position);

Toast.makeText(MainActivity.this, fruit.getName(), Toast.LENGTH_SHORT).show();

}

});

五、单位和尺寸

px:像素

pt:磅数,1pt=1/72inch

dp:密度无关像素

密度dpi:屏幕每inch包含的像素数。

获取当前屏幕密度值:

float xdpi=getResources().getDisplayMetrics().xdpi;

float ydpi=getResources().getDisplayMetrics().ydpi;

sp:可伸缩像素。

规定,在160dpi屏幕上,1dp=1px;在320dpi屏幕上,1dp=2px.

六、最佳实践——聊天界面

APP: ChatWe

新内容有:

当有新内容时,刷新ListView中的显示:adapter.notifyDataSetChanged();

将ListView定位到最后一行:listView.setSelection(messages.size());

指定ListView中分割线为透明:android:divider=”#0000”

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容