love li fang fang forever

子元素对齐 : 通过修改 android:gravity 属性来控制LinearLayout中子元素的排列情况; 左边的图的属性为 bottom|center_horizontal , 右边的android:gravity的属性值为 right|center_vertical;

(2) 三个按钮各自对齐

三个水平方向的按钮, 分别左对齐, 居中对齐, 右对齐 :

要点 : 水平线性布局 : 最顶层的LinearLayout的orientation是horizontal水平的; 等分三个线性布局 : 第二层的LinearLayout的orientation是vertical垂直的, 并且宽度是fill_parent , 依靠权重分配宽度; 设置按钮对齐方式 : 按钮的android:layout_gravity属性根据需求 left, center, right, 默认为left;

代码 :

[html] view plaincopy在CODE上查看代码片派生到我的代码片 <?xml version=”1.0” encoding=”utf-8”?>

二. 相对布局RelativeLayout

相对布局容器中, 子组件的位置总是相对兄弟组件,父容器来决定的;

1. RelativeLayout支持的属性

(1) 对齐方式

xml属性 : android:gravity; 设置方法 : setGravity(int); 作用 : 设置布局容器内子元素的对齐方式, 注意与android:layout_gravity区分, 后者是设置组件本身元素对齐方式;

(2) 忽略对齐方式

xml属性 : android:ignoreGravity; 设置方法 : setIgnoreGravity(int); 作用 : 设置该组件不受gravity属性影响, 因为gravity属性影响容器内所有的组件的对齐方式, 设置了之后, 该组件就可以例外;

1. LayoutParams属性

(1) 只能设置boolean值的属性

这些属性都是相对父容器的, 确定是否在父容器中居中(水平, 垂直), 是否位于父容器的 上下左右 端;

是否水平居中 : android:layout_centerHorizontal; 是否垂直居中 : android:layout_centerVertical; 是否位于中央 : android:layout_centerInParent;

是否底端对齐 : android:layout_alignParentBottom; 是否顶端对齐 : android:layout_alignParentTop; 是否左边对齐 : android:layout_alignParentLeft; 是否右边对齐 : android:layout_alignParentRight;

(2) 只能设置其它组件id的属性

位于所给id组件左侧 : android:layout_toLeftOf; 位于所给id组件右侧 : android:layout_toRightOf; 位于所给id组件的上边 : android:layout_above; 位于所给id组件的下方 : android:layout_below;

与所给id组件顶部对齐 : android:layout_alignTop; 与所给id组件底部对齐 : android:layout_alignBottom; 与所给id组件左边对齐 : android:layout_alignLeft; 与所给id组件右边对齐 : android:layout_alignRight;

1. 梅花布局效果

五个按钮排成梅花形状, 梅花处于正中心, 效果图如下 :

两个按钮, 如果只有 android:layout_above=”@+id/bt1” 会是这种情况 :

加上 android:layout_alignLeft=”@+id/bt1”就会成为这种情况 :

要点 : 注意每个组件的属性, 先要确定方位, 在进行对齐, 组件左边界对齐, 组件上边界对齐;

代码 :

[html] view plaincopy在CODE上查看代码片派生到我的代码片 <?xml version=”1.0” encoding=”utf-8”?>

1. 相对布局常用方法 (1) 获取屏幕中一个组件的位置

创建数组 : 要先创建一个整型数组, 数组大小2位; 这个数组传入getLocationOnScreen()方法; 将位置信息传入数组 : 可以调用View.getLocationOnScreen()方法, 返回的是一个数组 int[2], int[0] 是横坐标, int[1] 是纵坐标;

[java] view plaincopy在CODE上查看代码片派生到我的代码片 //获取组件 Button b = (Button) this.findViewById(R.id.Button01); //创建数组, 将该数组传入getLocationOnScreen()方法 int locations[] = new int[2]; //获取位置信息 b.getLocationOnScreen(locations); //获取宽度 int width = locations[0]; //获取高度 int height = locations[1];

(2) LayoutParams的使用设置所有属性

属性设置方法少 : Android SDK中View类只提供了很少用于设置属性的方法,大多数属性没有直接对应的获得和设置属性值的方法, 看起来貌似不是很好用; 使用LayoutParams设置属性值 : Android中可以对任何属性进行设置, 这里我们需要一个LayoutParams对象, 使用这个LayoutParams.addRule()方法, 可以设置所有组件的属性值; 设置完之后调用View.setLayoutParams()方法, 传入刚才创建的LayoutParams对象, 并更新View的相应的LayoutParams属性值, 向容器中添加该组件;

代码中动态设置布局属性 : a. 创建LayoutParams对象 b. 调用LayoutParams对象的addRule()方法设置对应属性; c. 调用View.setLayoutParams()方法将设置好的LayoutParams对象设置给组件; d. 调用addView方法将View对象设置到布局中去;

使用代码设置android:layout_toRightOf 和 android:layout_below属性 :

[java] view plaincopy在CODE上查看代码片派生到我的代码片 //装载布局文件 RelativeLayout relativeLayout = (RelativeLayout) getLayoutInflater().inflate(R.layout.relative, null); //装载要动态添加的布局文件 Button button = (Button) relativeLayout.findViewById(R.id.bt1); //创建一个LayoutParams对象 LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); //设置android:layout_toRightOf属性 layoutParams.addRule(RelativeLayout.RIGHT_OF, R.id.bt2); //设置android:layout_below layoutParams.addRule(RelativeLayout.BELOW, R.id.bt2); //更新Button按钮的属性 button.setLayoutParams(layoutParams); //向布局中动态添加按钮 relativeLayout.addView(button);

三. 帧布局FrameLayout 帧布局容器为每个组件创建一个空白区域, 一个区域成为一帧, 这些帧会根据FrameLayout中定义的gravity属性自动对齐;

1. 绘制霓虹灯布局

绘制一个霓虹灯效果的层叠布局, 如下图 :

要点 : 后挡前 : 后面的View组件会遮挡前面的View组件,越在前面, 被遮挡的概率越大; 界面居中 : 将所有的TextView组件的对齐方式 android:layout_gravity 设置为center; 正方形 : 所有的TextView都设置android:height 和 android:width 属性, 用来设置其宽高, 这里设置成正方形, 宽高一样, 后面的组件比前面的边长依次少40; 颜色 : 每个TextView的背景都设置成不一样的;

代码 :

[html] view plaincopy在CODE上查看代码片派生到我的代码片 <?xml version=”1.0” encoding=”utf-8”?>

. 作者 :万境绝尘 转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/18964835 .

1. 使用代码使上面的霓虹灯效果动起来

(1) 图片效果

(2) 颜色资源

创建颜色资源, 在跟节点下面创建子节点, color属性标签 name 自定义, 子文本为颜色代码;

(3) 定时器控制handler

创建Handler对象, 实现handleMessage()方法, 在这个方法中循环设置 TextView对象的颜色变量, 使用color[(i + currentColor)%colors.length]每调用一次, 就将所有的TextView颜色依次调换一次; 在onCreate()方法中, 开启一个定时器Timer, 每隔0.2s就调用一个handler中的方法, 这样动态的霓虹灯代码就显示出来了.

(4) 代码

颜色资源代码 :

[html] view plaincopy在CODE上查看代码片派生到我的代码片 <?xml version=”1.0” encoding=”utf-8”?>

代码 :

[java] view plaincopy在CODE上查看代码片派生到我的代码片 package com.example.framelayout;

import java.util.Timer; import java.util.TimerTask;

import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.widget.TextView;

public class MainActivity extends Activity {

//这个变量用来控制霓虹灯颜色变化
private int currentColor = 0;
//颜色对应的资源id
final int[] colors = new int[]{
        R.color.color1,
        R.color.color2,
        R.color.color3,
        R.color.color4,
        R.color.color5,
        R.color.color6
};
//View组件对应的资源id
final int[] names = new int[]{
        R.id.tv_1,
        R.id.tv_2,
        R.id.tv_3,
        R.id.tv_4,
        R.id.tv_5,
        R.id.tv_6
};

//组件数组
TextView[] views = new TextView[names.length];

//定义这个Handler, 为了在定时器中固定调用handleMessage方法
Handler handler = new Handler(){
    public void handleMessage(Message msg) {
        if(msg.what == 0x123){
            for(int i = 0; i < names.length; i ++){
                views[i].setBackgroundResource(colors[(i + currentColor) % names.length]);
            }
            currentColor ++;
        }
    };
};

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.frame);
    //初始化组件数组
    for(int i = 0; i < names.length; i ++){
        views[i] = (TextView) findViewById(names[i]);
    }
    //每隔0.2秒更换一次颜色
    new Timer().schedule(new TimerTask() {
        @Override
        public void run() {
            handler.sendEmptyMessage(0x123);
        }
    }, 0, 200);
} }

1. 三个水平方向的按钮分别左对齐,居中对齐,右对齐

要点 : 给FrameLayout中的三个按钮分别设置 不同的layout_gravity,left ,center_horizontal,right, 就能设置成上图的样式;

代码 :

[html] view plaincopy在CODE上查看代码片派生到我的代码片 <?xml version=”1.0” encoding=”utf-8”?>

四. 表格布局TableLayout

1. 表格布局的一些概念

继承关系 : 表格布局继承了LinearLayout, 其本质是线性布局管理器; 控制组件 : 表格布局采用 行, 列 形式管理子组件, 但是并不需要声明有多少 行列, 只需要添加TableRow 和 组件 就可以控制表格的行数和列数, 这一点与网格布局有所不同, 网格布局需要指定行列数; 增加行的方法 : a. TableRow增加行列 : 向TableLayout中添加一个TableRow,一个TableRow就是一个表格行, 同时TableRow也是容器, 可以向其中添加子元素, 每添加一个组件, 就增加了一列; b. 组件增加行 : 如果直接向TableLayout中添加组件, 就相当于直接添加了一行;

列宽 : TableLayout中, 列的宽度由该列最宽的单元格决定, 整个表格的宽度默认充满父容器本身;

1. 单元格行为方式

(1) 行为方式概念

a. 收缩 :Shrinkable, 如果某列被设为Shrinkable, 那么该列所有单元格宽度可以被收缩, 保证表格能适应父容器的宽度; b. 拉伸 :Stretchable, 如果某列被设为Stretchable, 那么该列所有单元格的宽度可以被拉伸, 保证表格能完全填满表格剩余空间; d. 隐藏 :Collapsed, 如果某列被设置成Collapsed, 那么该列所有单元格会被隐藏;

(2) 行为方式属性

a. 隐藏 xml属性 : android:collapsedColumns; 设置方法 : setColumnCollapsed(int, boolean); 作用 : 设置需要被隐藏的列的序号, 在xml文件中, 如果隐藏多列, 多列序号间用逗号隔开;

b. 拉伸 xml属性 : android:stretchColumns; 设置方法 : setStretchAllColumns(boolean); 作用 : 设置允许被拉伸的列的序列号, xml文件中多个序列号之间用逗号隔开;

c. 收缩 xml属性 : android:shrinkableColumns; 设置方法 : setShrinkableAllColumns(boolean); 作用 : 设置允许被收缩的列的序号, xml文件中, 多个序号之间可以用逗号隔开;

1. 表格布局实例

实现要点 : 独自一行按钮 : 向TableLayout中添加按钮, 这个按钮就会独自占据一行; 收缩按钮: 在TableLayout标签中,设置android:stretchable属性标签, 属性值是要收缩的列, 注意,列标从0开始; 拉伸按钮 : 在TableLayout标签中,设置android:shrinkable属性标签, 属性值是要拉伸的列, 注意, 列表从0开始;

代码 :

[html] view plaincopy在CODE上查看代码片派生到我的代码片

五. 网格布局

1. 网格布局介绍

网格布局时Android4.0版本才有的, 在低版本使用该布局需要导入对应支撑库; GridLayout将整个容器划分成rows * columns个网格, 每个网格可以放置一个组件. 还可以设置一个组件横跨多少列, 多少行. 不存在一个网格放多个组件情况;

1. 网格布局常用属性

(1) 设置对齐模式

xml属性 : android:alignmentMode; 设置方法 : setAlignmentMode(int); 作用 : 设置网格布局管理器的对齐模式

(2) 设置列数

xml属性 : android:columnCount; 设置方法 : setColumnCount(int); 作用 : 设置该网格布局的列数;

(3) 设置是否保留列序列号

xml属性 : android:columnOrderPreserved; 设置方法 : setColumnOrderPreserved(boolean); 作用 : 设置网格容器是否保留列序列号;

(4) 设置行数

xml属性 : android:rowCount; 设置方法 : setRowCount(int); 作用 : 设置该网格的行数;

(5) 设置是否保留行序列号

xml属性 : android:rowOrderPreserved; 设置方法 : setRowOrderPreserved(int); 作用 : 设置该网格容器是否保留行序列号;

(6) 页边距

xml属性 : android:useDefaultMargins; 设置方法 : setUseDefaultMargins(boolean); 作用 : 设置该布局是否使用默认的页边距;

1. GridLayout的LayoutParams属性

(1) 设置位置列

xml属性 : android:layout_column; 作用 : 设置子组件在GridLayout的哪一列;

(2) 横向跨列

xml属性 : android:layout_columnSpan; 作用 : 设置该子组件在GridLayout中横向跨几列;

(3) 占据空间方式

xml属性 : android:layout_gravity; 设置方法 : setGravity(int); 作用 : 设置该组件采用何种方式占据该网格的空间;

(4) 设置行位置

xml属性 : android:layout_row; 作用 : 设置该子组件在GridLayout的第几行;

(5) 设置横跨行数

xml属性 : android:layout_rowSpan; 作用 : 设置该子组件在GridLayout纵向横跨几行;

1. 实现一个计算机界面

(1) 布局代码

设置行列 : 设置GridLayout的android:rowCount为6, 设置android:columnCount为4, 这个网格为 6行 * 4列 的; 设置横跨四列 : 设置TextView和按钮横跨四列android:layout_columnSpan 为4, 列的合并 就是占了一行; textView的一些设置: 设置textView中的文本与边框有5像素间隔 : android:padding = “5px”;

代码 :

[html] view plaincopy在CODE上查看代码片派生到我的代码片

(2) Activity代码

将组件设置给GridLayout网格流程 : 指定组件所在行 : GridLayout.SpecrowSpec = GridLayout.spec(int); 指定组件所在列 : GridLayout.SpeccolumnSpec = GridLayout.spec(int); 创建LayoutParams对象 : GridLayout.LayoutParams params =new GridLayout.LayoutParams(rowSpec, columnSpec); 指定组件占满容器 : params.setGravity(Gravity.FILL); 将组件添加到布局中 : gridLayout.addView(view, params);

代码 :

[java] view plaincopy在CODE上查看代码片派生到我的代码片 package com.example.caculator;

import android.app.Activity; import android.os.Bundle; import android.view.Gravity; import android.widget.Button; import android.widget.GridLayout; import android.widget.GridLayout.LayoutParams; import android.widget.GridLayout.Spec;

public class MainActivity extends Activity {

private GridLayout gridLayout;
//需要放到按钮上的字符串
String chars[] = new String[]{
    "7", "8", "9", "/",
    "4", "5", "6", "*",
    "1", "2", "3", "-",
    ".", "0", "=", "+"
};

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    gridLayout = (GridLayout) findViewById(R.id.root);
    for(int i = 0; i < chars.length; i ++){
        Button button = new Button(this);
        button.setText(chars[i]);
        button.setTextSize(40);
        //指定组件所在行
        Spec rowSpec = GridLayout.spec(i / 4 + 2);
        //指定组件所在列
        Spec columnSpec = GridLayout.spec(i % 4);
        //生成LayoutParams对象
        LayoutParams layoutParams = new LayoutParams(rowSpec, columnSpec);
        //指定组件充满网格
        layoutParams.setGravity(Gravity.FILL);
        //将组件设置给GridLayout
        gridLayout.addView(button, layoutParams);
    }
} }

六. 绝对布局 AbsoluteLayout

1. 绝对布局介绍

绝对布局特点 : 在绝对布局中,组件位置通过x, y坐标来控制, 布局容器不再管理组件位置, 大小, 这些都可以自定义; 绝对布局使用情况 : 绝对布局不能适配不同的分辨率, 屏幕大小, 这种布局已经过时, 如果只为一种设备开发这种布局的话, 可以考虑使用这种布局;

1. 绝对布局的属性

android:layout_x: 指定组件的x坐标; android:layout_y: 指定组件的y坐标;

android:layout_width 是指定宽度是否充满父容器, 或者仅仅包含子元素的, android:width : 指定组件的宽度, 可以指定一个 数字 + 单位 , 如 100px 或者 100dp; 同理 android:layout_height 和 android:height;

1. 各种单位介绍

px : 像素, 每个px对应屏幕上的一个点; dip/dp : device independent pixels, 设备的独立像素, 这种单位基于屏幕密度, 在每英寸160点的显示器上 1dp = 1px, 随着屏幕密度改变, dp 与 px 换算会发生改变; sp : scale pixels, 比例像素, 处理字体的大小, 可以根据用户字体大小进行缩放; in : 英寸, 标准长度单位 mm : 毫米, 标准长度单位 pt : 磅, 标准长度单位, 1/72英寸;

七. Android 分辨率 dip 与 px 转换

1. 术语介绍

px : pixel, 像素, 屏幕分辨率就是像素, 分辨率用 宽度 * 长度 表示, 分辨率不是长宽比, Android中一般不直接处理分辨率; density : 密度, 是以分辨率为基础, 沿长宽方向排列的像素,密度低的屏幕像素少,密度高的屏幕像素多; 如果以像素为单位, 同一个按钮在高密度屏幕 要比 在低密度屏幕要大. dip : device independent pixel, 设备独立像素, 程序用dip来定义界面元素,dip与实际密度无关.

1. 屏幕密度与大小

手机屏幕密度分类 : 高 hdpi 240 , 中 mdpi 160, 小 ldpi 120, 在res下有对应密度的标签资源, 注意这些资源与屏幕大小无关; 手机屏幕大小分类 : 大屏幕 4.8英寸以上, 普通屏幕 3.0 ~ 4.0英寸, 小屏幕 2.6 ~ 3.0英寸; 基准屏幕 : 正常尺寸, 与中密度120dpi,HAVG 320 * 480 是基准屏幕, 中密度 px == dip;

1. dip 与 px 换算

dip -> px :px = dip * (densityDpi / 160); px -> dip :dip = px / (densityDpi / 160);

在中密度 mdpi 下, dip == px; 在高密度 hdpi 下, px > dip; 在低密度 ldpi 下, px < dip;

获取密度 :DisplayMetrics dm = getResources().getDisplayMetrics(); 密度 : int density =dm.densityDpi; 像素 :dm.widthPixel * dm.heightPixel;