(转)DroidDraw 教程二: Table Layout
来源:互联网 发布:淘宝网购物如何支付 编辑:程序博客网 时间:2024/05/22 06:59
DroidDraw 教程二: Table Layout
- 步骤零
本教程描述如何创建一个从DroidDraw简单的输入和TableLayout布局。本教程假设你已经下载并安装了Android SDK。本教程也假设你对GUI编程概念和Java编程语言相当熟悉。
- 步骤一
启动 DroidDraw 用户界面设计器
- 步骤二
根布局选择为RelativeLayout布局
- 步骤三
选择"Layouts"标签
- 步骤四
把一个TableLayout对象从Layouts面板中拖放到屏幕顶的中部。
- 步骤五
双击"TableLayout"来修改它的属性。把它的宽度"width"改为"fill_parent"
- 步骤六
把三个TableRow对象从Layouts面板中拖放到TableLayout对象中。当你拖放TableRow对象时,你应该从弹出菜单中选择TableLayout。
- 步骤七
每一个TableRow中拖放一个TextView:
- 步骤八
双击每一个TextView来修改它的属性,修改显示文本如下图一样:
- 步骤九
每一个TableRow中拖放一个EditText,放在存在的文本右边。
- 步骤十
选中TableLayout,修改"Stretchable Column"(可扩展栏)属性值为1,这将把所有的EditText widget 扩展开来填充满该Table表格。
- 步骤十一
编辑每一个EditText的属性,让Text文本属性为""
- 步骤十二
把一个Button 拖放到TableLayout下面的右下角空白处。它应该在TableLayout的外面并和它右对齐。
- 步骤十三
修改该按钮的属性,文本设置为"OK"
- 步骤十四
点击"Generate"按钮来生成.xml文件
- 步骤十五
在Eclipse中,创建一个新的Android工程
- 步骤十六
用第十五步骤生成的XML来替换res/layouts/mian.xml文件内容。
- 步骤十七
运行你的新工程,你应该在Android中看到你的GUI。它应该像这样:
- 完整XML文件
- android:id="@+id/widget49"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- xmlns:android="http://schemas.android.com/apk/res/android">
- android:id="@+id/widget54"
- android:layout_height="160px"
- androidrientation="vertical"
- android:stretchColumns="1"
- android:layout_alignParentTop="true"
- android:layout_centerHorizontal="true" android:layout_width="fill_parent">
- android:id="@+id/widget55"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- androidrientation="horizontal">
- android:id="@+id/widget58"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="Name">
- android:id="@+id/widget61"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textSize="18sp">
- android:id="@+id/widget56"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- androidrientation="horizontal">
- android:id="@+id/widget59"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="hone">
- android:id="@+id/widget62"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textSize="18sp">
- android:id="@+id/widget57"
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- androidrientation="horizontal">
- android:id="@+id/widget60"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="E-Mail">
- android:id="@+id/widget63"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:textSize="18sp">
- android:id="@+id/widget64"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:text="Button"
- android:layout_below="@+id/widget54"
- android:layout_alignRight="@+id/widget54">
- 结果
- (转)DroidDraw 教程二: Table Layout
- (转)DroidDraw 教程三:使用ListView和array资源
- DroidDraw教程
- DroidDraw教程
- DroidDraw教程
- DroidDraw教程
- 【android基础篇之二】结合DroidDraw工具谈Android的几种常用布局(layout)
- Android GUI 可视化界面教程(DroidDraw)
- Swift自适应布局(Adaptive Layout)教程(二)Autolayout
- Swift自适应布局(Adaptive Layout)教程(二)
- DroidDraw
- table-layout
- Table Layout
- Table Layout
- table-layout
- PE教程6: Import Table(引入表)二
- Cocos2d-x layout (二)
- table中的table-layout属性
- 如何防止文章被转载
- (转)DroidDraw 教程三:使用ListView和array资源
- 代码复制
- ashx文件
- oracle 11g 安装经验分享
- (转)DroidDraw 教程二: Table Layout
- input file显示问题
- 爱因斯坦眼中的科学与宗教
- 1602LED显示(2)
- GDI+
- 用flash builder4做一个带验证码的用户登录框
- 鼠标经过箭头时,图片会向左或向右横向移动
- SQL SERVER /Excel
- Silverlight 中一些必须知道的技巧(zhuan tie)