常用UI布局和 ListView的优化笔记
常用UI布局
1.LinearLayout
线性布局: 用来控制其子View以水平或垂直方式展开显示
重要属性:
orientation(方向)
layout_weight(权重)
2.理解LinearLayout权重
layout_weight(权重)的值 =0(默认值): 指定多大空间就占据多大的空间 >0: 将父视图中的可用空间进行分割, 值越大权重就越大, 占据的比例就会越大
Layout_weight的使用场景 将布局的宽度或高度平均分成几个等份 垂直方向上占用中间所有空间 或 水平方向上占用中间所有空间
3.RelativeLayout
相对布局: 用来控制其子View以相对定位的方式进行布局显示
相对布局是最灵活, 最强大,也是学习难度最大的布局
相对布局相关属性比较多:
兄弟视图之间: 同方向对齐, 反方向对齐
与父视图之间: 同方向对齐, 居中
4.属性的划分
针对任何View的属性
常用的最基本属性
内边距属性 padding
外边距属性 margin
只针对RelativeLayout的属性
反方向对齐属性 to/above/below
同方向对齐属性 align
相对父视图的属性 alignparent/center
只针对LinearLayout的属性
权重属性 weight
方向属性 oritation
常用的视图标签
5.常用基本属性
|
属性名 |
作用 |
|
id |
为控件指定相应的ID @+id/idname |
|
layout_width |
指定当前视图的宽度 |
|
layout_height |
指定当前视图的宽度 |
|
text |
指定控件当中显示的文字 |
|
textSize |
指定控件当中字体的大小 |
|
background |
指定该控件所使用的背景(图片|颜色) |
|
layout_gravity |
控件本身相对于父视图的位置 |
|
grivity |
指定控件中的内容的基本位置 |
2.内边距与外边距
内边距属性
Android：padding
Android：paddingLeft
android: paddingTop
android: paddingRigth
android: paddingButton
外边距属性:
android:layout_margin
android:layout_marginLeft
android:layout_marginTop
android:layout_mariginRigth
android:layout_marginButton
相对兄弟视图定位
同方向对齐属性:
android:layout_alignLeft
android:layout_alignTop
android:layout_alignRigth
android:layout_alignButton
反方向对齐属性:
android:layout_toLeftof
android:layout_torightof
android:layout_above
android:layout_below
相对父视图定位
与父视图同方向对齐属性
android:layout_alignParentLeft
android:layout_alignParentTop
android:layout_alignParentRight
android:layout_alignParentButton
相对父视图居中属性
android:layout_centerInparent
android:layout_centerVertical
android:layout_centerHorizontal
6.framelayout
帧布局中的每一个子View都代表一个画面，默认以屏幕左上角作为（ 0,0 ）坐标，按定义的先后顺序依次逐屏显示 ， 后面出现的会覆盖前面的画面,
通过子View的android:layout_gravity 属性来指定子视图的位置
ListView的使用
1）.理解
ListView是一种用来显示多个可滑动项(Item)列表的ViewGroup
需要使用Adapter将集合数据和每一个Item所对应的布局动态适配到ListView中显示
显示列表: listView.setAdapter(adapter)
更新列表: adapter.notifyDataSetChanged()
Data→Adapter→ListView
↑Item Layout
2）.使用Adapter
ArrayAdapter: 显示最简单的列表(文本) 集合数据为List<String>或String[]
arrayAdapter(Context con,int resource,T[] objests)
SimpleAdapter: 显示复杂的列表 集合数据必须是List<Map<String,Object>>类型
SimpleADapter(Context cont,List<? extends Map<String, />>data. int resource String[] from, int[] to)
BaseAdapter: 显示复杂的列表 集合数据可以是任意类型的集合List<Xxx>
int getCount();得到集合数据的个数，决定了能显示多少行
Object getItem(int poition):根据position得到对应的数据对象
View getView（int position View convertView， ViewGroup parent）
根据position返回对应的带数据的Item视图对象
position：下标 covertView: 可复用的Item视图对象 为null：没有可复用的，我们必须加载一个Item的布局文件，斌赋值给convertView 不为null：直接使用此时图对象
后面：找到子view，找到对应的数据，设置数据
parent：listView 给listView的Item设置监听
Item的监听 listview。setonItemClickListtener(listtener)
item的长安监听 listview.setOnItemLongClickListenter（listener）
SimpleCursorAdapter: 显示复杂的列表 集合数据是数据库查询结果集
3).ListView + ArrayAdapter
context: 上下文件对象, 一般为Acivity对象
resource: Item的布局文件标识
objects: 需要显示的数据集合(Array或List)
4).ListView + SimpleAdapter
context: 上下文件对象, 一般为Acivity对象
data: 需要显示的数据集合
resource: Item布局文件标识
from: map对象中的key的数组, 用于得到对应的value
to: Item布局文件中的子view的id的数组
5）.ListView + BaseAdapter
class MyBaseAdapter extends BaseAdapter {
@Override
public int getCount() {
return 0;
}
@Override
public Object getItem(int position) {
return null;
}
@Override
public long getItemId(int position) {
return 0;
}
@Override
public View getView (int position,
View convertView, ViewGroup parent) {
return null;
}
}
6）.样式(Style)
理解:
多个视图属性的集合, 在写布局时, 当多个视图有不少相同的属性时, 可以把这些相同的属性放在一起在styles.xml中定义成一个Style, 而在布局文件中使用@style/style_name统一引用
作用:
复用视图标签属性
目标:
针对的是窗口中的某些视图
系统样式:
Android也定义了些系统样式可以使用
使用系统样式: @android:style/xxx
7).主题(theme)
理解:
主题的本质也是style
在styles.xml中定义, 在manifest.xml中引用
作用:
复用视图标签属性
目标:
针对整个应用或某个Activity的界面
系统常用主题:
@android:style/Theme.Light.NoTitleBar : 没有标题
@android:style/Theme.Light.NoTitleBar.Fullscreen: 全屏
@android:style/Theme.Dialog : 对话框
3）.优化）（重点........................................................................）
第0层：不优化：
每次执行getView（），都会执行：convertView
View.inflate（R.layout.xxx）
问题：效率太低，在快速滑动时会有卡顿，在数据很多时甚至回内存溢出
第一层：复用convertView
if (convertView==null) {
convertView = View.inflate(MainActivity.this, R.layout.item_simple, null);//n+1
问题：每次执行getView（）都需要执行convertView.findViewById（）得到子View
第二层：使用ViewHolder，减少findViewByID的次数
ViewHolder holder = null;
//如果没有
if (convertView==null) {
Log.e("TAG", "getView()--->position="+position+"converView="+convertView);
// 加载Item的布局，得到的view对象
convertView = View.inflate(MainActivity.this, R.layout.item_simple, null);
holder = new ViewHolder();
holder.imageView = (ImageView) convertView.findViewById(R.id.iv_item_icon);
holder.nameTV = (TextView) convertView.findViewById(R.id.tv_item_name);
holder.contentTV = (TextView) convertView.findViewById(R.id.tv_item_content);
//将holder对象保存到convertView上
convertView.setTag(holder);
}else{
holder = (ViewHolder) convertView.getTag();
}
//根据position设置对应的数据
//得到当前行的数据对象
ShopInfo shopInfo = data.get(position);
//3.给viewHolder对象设置数据
holder.imageView.setImageResource(shopInfo.getIcon());
holder.nameTV.setText(shopInfo.getName());
holder.contentTV.setText(shopInfo.getContent());
return convertView;
}
}//视图的容器类
class ViewHolder{
public ImageView imageView;
public TextView nameTV;
public TextView contentTV;
}
问题1：对与联网获取列表数据，如果数据量太大（比如超过100000条甚至更多）一次获取出来显示，太慢太耗流量，：第四层优化
问题2：对于联网获取列表数据，如果包含图片数据，每次都请求获取显示，太慢太耗流量：第三层优化
第三层优化：图片三级缓存处理（LRU）
1）.内存缓存，优先加载 速度最快
2）.本地缓存 次数先加载 速度稍快
3）.网络缓存 最后加载 速度有网络速度决定（浪费流量）
第四层优化：对数据列表进行分页加载显示
1）通过Scroll监听
listVie.setOnScrollListenter，当到达底部是加载下一页 列表数据并显示
2）.使用第三方开源架
