表格布局:使用表格布局实现如下界面的设计
2014-03-29 22:47
741 查看
实现效果为:
实现代码:
资源文件 strings.xml(res values strings.xml)中的代码为:<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">Table layout</string> <string name="action_settings">Settings</string> <string name="hello_world">Hello world!</string> <string name="name">用户名</string> <string name="password">登录密码</string> <string name="no">取消</string> <string name="ok">登陆</string> </resources>
布局文件activity_main.xml(res layout activity_main.xml )中的代码为:
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:background="@android:color/black" tools:context=".MainActivity" > <TableRow > <TextView android:text="@string/name" android:gravity="right" android:textColor="#FFFFFF"/> <EditText android:layout_weight="1"/> </TableRow> <TableRow > <TextView android:text="@string/password" android:textColor="#FFFFFF"/> <EditText android:layout_weight="1"/> </TableRow> <TableRow > <Button android:text="@string/no"/> <Button android:text="@string/ok" android:layout_weight="1"/> </TableRow> </TableLayout>
相关文章推荐
- 利用5个标签,4个文本框,2个按钮,自己设计布局实现输入三边求三角形面积。界面如下所示。三角形类的编写可以使用实验4中已经写过的三角形类,当点击“判断三边”时,若能构成三角形,在标签5上显示“可以构成三角形!”,如不能构成三角形,在标签5上显示“不能构成三
- 相对布局:使用相对布局实现如下界面的设计
- 使用线性布局实现如下界面的设计
- 使用表格布局实现界面计算器按钮
- Android典型界面设计(5)——使用SlidingMenu和DrawerLayout分别实现左右侧边栏
- WPF界面设计技巧(9)—使用UI自动化布局
- 【Android开发】范例1-使用表格布局与线性布局实现分类工具栏
- iOS开发UI篇—使用xib自定义UItableviewcell实现一个简单的团购应用界面布局
- 使用css实现表格布局
- 跨平台PHP调试器设计及使用方法——界面设计和实现
- 使用html表格布局做一个企业邮箱登录界面
- iOS开发UI篇—使用xib自定义UItableviewcell实现一个简单的团购应用界面布局
- 基于Java的界面布局DSL的设计与实现
- iOS 使用纯代码自定义UITableViewCell实现一个简单的微博界面布局
- ios开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- Android-使用XML布局文件实现游戏的开始界面
- ioS开发之UI基础--使用xib自定义UItableviewcell实现一个简单的团购应用界面布局
- iOS开发UI基础—23使用xib自定义UItableviewcell实现一个简单的团购应用界面布局
- iOS开发UI篇—使用纯代码自定义UItableviewcell实现一个简单的微博界面布局
- 快速使用CSS Grid布局,实现响应式设计