您的位置:首页 > 其它

表格布局:使用表格布局实现如下界面的设计

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐