2018-05-15常用UI布局

常用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.常用基本属性

属性名


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[]arrayAdapter(Context con,int resource,T[] objests)SimpleAdapter: 显示复杂的列表 集合数据必须是List>类型SimpleADapter(Context cont,List? extends Mapdata. int resource String[] from, int[] to)BaseAdapter: 显示复杂的列表 集合数据可以是任意类型的集合Listint 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).使用第三方开源架

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

推荐阅读更多精彩内容