实例介绍
【实例简介】 android 多种布局 对比实例
【实例截图】
【核心代码】
table.xml
<?xml version="1.0" encoding="utf-8"?> <!-- scrollview中要包含layout,如果不加入该元素,页面上的控件无法完全显示 --> <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" xmlns:android="http://schemas.android.com/apk/res/android" android:background="@drawable/bg4"> <TableLayout android:layout_height="wrap_content" android:layout_width="wrap_content"> <TextView android:text="虎年幸运宝宝登记卡" android:textSize="25sp" android:gravity="center" android:textColor="@color/green"></TextView> <TableRow android:gravity="left" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="40dp"> <TextView android:text="姓名" android:textColor="@color/green" android:textSize="20sp"></TextView> <EditText android:text="奥特曼" android:layout_width="100dp" android:layout_height="50dp"></EditText> </TableRow> <TableRow> <TextView android:text="籍贯" android:textColor="@color/green" android:textSize="20sp"></TextView> <EditText android:text="河北省石家庄市"></EditText> </TableRow> <TableRow> <TextView android:text="备注" android:textColor="@color/green" android:textSize="20sp"></TextView> <EditText android:text="该小朋友聪明伶俐,讨人喜爱"></EditText> </TableRow> </TableLayout> <TableLayout android:layout_height="wrap_content" android:layout_width="wrap_content"> </TableLayout> </LinearLayout>
relative.xml
<RelativeLayout android:id="@ id/RelativeLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:background="@drawable/bg3"> <AnalogClock android:id="@ id/AnalogClock01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true"></AnalogClock> <DigitalClock android:text="@ id/DigitalClock01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@ id/DigitalClock01" android:layout_below="@id/AnalogClock01" android:layout_alignLeft="@id/AnalogClock01" android:layout_marginLeft="40px" android:textColor="@color/red" android:typeface="monospace"></DigitalClock> <TextView android:text="当前时间:" android:layout_width="wrap_content" android:layout_alignTop="@ id/AnalogClock01" android:layout_toLeftOf="@id/AnalogClock01" android:layout_height="wrap_content" android:id="@ id/TextView01" android:textColor="@color/red" android:typeface="sans"></TextView> </RelativeLayout>
main.xml
<?xml version="1.0" encoding="utf-8"?> <!-- scrollview中要包含layout,如果不加入该元素,页面上的控件无法完全显示 --> <LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:gravity="center_horizontal" xmlns:android="http://schemas.android.com/apk/res/android" android:background="@drawable/bg1"> <TextView android:text="@string/title" android:layout_height="wrap_content" android:layout_width="fill_parent" android:textSize="20sp" android:textColor="@color/red" android:paddingLeft="80dp" android:layout_marginTop="20dp"></TextView> <LinearLayout android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="40dp"> <TextView android:text="@string/txt_userName" android:id="@ id/txtUserName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="@color/pink" android:textSize="20sp"></TextView> <EditText android:text="" android:id="@ id/etxt_userName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:width="100dp"></EditText> </LinearLayout> <LinearLayout android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:textColor="@color/pink" android:textSize="20sp" android:text="@string/txt_pwd" android:id="@ id/txtPwd" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView> <EditText android:text="" android:id="@ id/etxt_pwd" android:layout_width="wrap_content" android:layout_height="wrap_content" android:width="100dp"></EditText> </LinearLayout> <LinearLayout android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:paddingTop="10dp" android:textColor="@color/pink" android:textSize="20sp" android:text="@string/txt_sex" android:id="@ id/txtSex" android:layout_width="wrap_content" android:layout_height="wrap_content"></TextView> <!-- 此处时单选按钮的设置方式 --> <RadioGroup android:id="@ id/RadioGroup01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal"> <RadioButton android:textColor="@color/pink" android:text="@string/rbtn_man" android:id="@ id/rbtnMan" android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton> <RadioButton android:textColor="@color/pink" android:text="@string/rbtn_woman" android:id="@ id/rbtnWoman" android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton> </RadioGroup> </LinearLayout> <LinearLayout android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:textColor="@color/pink" android:textSize="20sp" android:text="@string/txt_like" android:id="@ id/TextView04" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="30dp"></TextView> <CheckBox android:textColor="@color/pink" android:text="@string/ckSing" android:id="@ id/CheckBox01" android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox> <CheckBox android:textColor="@color/pink" android:text="@string/ckSport" android:id="@ id/CheckBox02" android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox> </LinearLayout> <LinearLayout android:orientation="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content"> <Button android:textColor="@color/pink" android:text="@string/btn_submit" android:id="@ id/Button01" android:layout_width="60dp" android:layout_height="wrap_content"></Button> <Button android:textColor="@color/pink" android:text="@string/btn_cannel" android:id="@ id/Button02" android:layout_width="60dp" android:layout_height="wrap_content"></Button> </LinearLayout> </LinearLayout>
absolute.xml
<AbsoluteLayout android:id="@ id/AbsoluteLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:background="@drawable/bg2"> <TextView android:layout_height="wrap_content" android:text="春" android:layout_x="10dip" android:layout_width="wrap_content" android:layout_y="10dip" android:id="@ id/TextView01" android:textColor="@color/green" android:textSize="30dp"></TextView> <TextView android:layout_height="wrap_content" android:text="夏" android:layout_x="40dip" android:layout_width="wrap_content" android:layout_y="40dip" android:id="@ id/TextView02" android:textColor="@color/red" android:textSize="30dp"></TextView> <TextView android:layout_height="wrap_content" android:text="秋" android:layout_x="70dip" android:layout_width="wrap_content" android:layout_y="70dip" android:id="@ id/TextView03" android:textColor="@color/yellow" android:textSize="30dp"></TextView> <TextView android:layout_height="wrap_content" android:text="冬" android:layout_x="100dip" android:layout_width="wrap_content" android:layout_y="100dip" android:id="@ id/TextView04" android:textColor="@color/white" android:textSize="30dp"></TextView> </AbsoluteLayout>
后端代码:
package com.stone; /** * 在书中需要的知识点 * 1、布局知识 线性布局,绝对布局,相对布局,表格布局(有些点需要加强在理论部分) * 2、menu的讲解(选项菜单,上下文菜单,子菜单),菜单的理论知识可以参考p87页面。 * 3、radiobutton radiogroup checkbox * 4、 * */ import android.app.Activity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends Activity { private static final int MENU_ABSOLUTE=Menu.FIRST; private static final int MENU_RELATIVE=Menu.FIRST 1; private static final int MENU_TABLE=Menu.FIRST 2; private static final int MENU_LINE=Menu.FIRST 3; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); setTitle("布局实例,点击Menu学习更多布局"); } //创建Menu @Override public boolean onCreateOptionsMenu(Menu menu) { menu.add(0, MENU_ABSOLUTE, 0, "absolute").setIcon(R.drawable.icon4); menu.add(0, MENU_RELATIVE, 0, "relative").setIcon(R.drawable.icon3); menu.add(0, MENU_TABLE, 0, "table").setIcon(R.drawable.icon2); menu.add(0, MENU_LINE, 0, "line").setIcon(R.drawable.icon1); return true; } //Menu事件处理 @Override public boolean onOptionsItemSelected(MenuItem item) { // TODO Auto-generated method stub switch(item.getItemId()){ case MENU_ABSOLUTE: //使用setContentView切换页面 setContentView(R.layout.absolute); break; case MENU_RELATIVE: setContentView(R.layout.relative); break; case MENU_TABLE: setContentView(R.layout.table); break; case MENU_LINE: setContentView(R.layout.main); break; } return true; } }
Android_Layout 布局实例 含多种布局实例(AbsoluteLayout/LinearLayout/RelativeLayout/TableLayout) 附源码
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论