第五章 Android之界面布局.pptVIP

* 左边的大图为应用布局的树形结构，上面写有控件名称和id等信息，下方的圆形表示这个节点的渲染速度，从左至右分别为测量大小，布局和绘制。绿色最快，红色最慢。右下角的数字为子节点在父节点中的索引，如果没有子节点则为0。点击可以查看对应控件预览图、该节点的子节点数（为6则有5个子节点）以及具体渲染时间。双击可以打开控件图。右侧是树形结构的预览、控件属性和应用界面的结构预览。点击相应的树形图中的控件可以在右侧看到他在布局中的位置和属性。工具栏有一系列的工具，保存为png或者psd，刷新等工具。其中有个load overlay选项可以加入新的图层。当你需要在你的布局中放上一个bitmap，你会用到它来帮你布局。点击左下角的第三个图标切换到像素视图，如下图所示 * 视图左侧为View和ViewGroup关系图，点击其中的View会在右边的图像中用红色线条为我们选中相应的View。最右侧为设备上的原图。中间为放大后带像素栅格的图像，可以在Zoom栏调整放大倍数。在这里能定位控件的坐标，颜色。观察布局就更加的方便了。 * FrameLayoutActivity * 相对布局RelativeLayout 相对布局（RelativeLayout） 是一种非常灵活的布局方式，能够通过指定界面元素与其他元素的相对位置关系，确定界面中所有元素的布局位置 特点：能够最大程度保证在各种屏幕类型的手机上正确显示界面布局 在众多布局中，推荐使用相对布局 RelativeLayout android:id=@+id/RelativeLayout01 android:layout_width=fill_parent android:layout_height=fill_parent xmlns:android=/apk/res/android TextView android:id=@+id/label android:layout_height=wrap_content android:layout_width=fill_parent android:text=用户名： /TextView EditText android:id=@+id/entry android:layout_height=wrap_content android:layout_width=fill_parent android:layout_below=@id/label /EditText /RelativeLayout 需要设置id 相对布局RelativeLayout 相对布局（RelativeLayout） 实现如图效果步骤 添加TextView控件(“用户名”),相对布局会将TextView控件放置在屏幕的最上方 然后添加EditText控件(输入框)并声明该控件的位置在TextView控件的下方，相对布局会根据TextView的位置确定EditText控件的位置 之后添加第一个Button控件(“取消”按钮),声明在EditText控件的下方，且在父控件的最右边 最后，添加第二个Button控件（“确认”按钮），声明该控件在第一个Button控件的左方，且与第一个Button控件处于相同的水平位置 TextView android:id=@+id/label android:layout_height=wrap_content android:layout_width=fill_parent android:text=用户名： /TextView EditText android:id=@+id/entry android:layout_height=wrap_content android:layout_width=fill_parent android:layout_below=@id/label /EditText Button android:id=@+id/cancel android:layout_height=wrap_content android:layout_width=wrap_content android:layout_alignParentRight=true android:layout_marginLeft=10dip android:layout_below=@id/entry android:text=取消 /Button Button android:id=@+id/ok android:layout_height=wrap_content android:layout_width=wrap_content android:layout_toLeftOf=@id/cancel android:layout_alignTop