`
baobeituping
  • 浏览: 1042259 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

LinearLayOut学习

 
阅读更多

LinearLayOut学习
提供了控件的水平或垂直排列的模型。
如果使用android:layout_weight 可以控制控件在容器中的相对大小。

如果页面有两个控件,
1.页面布局是horizontal,那么这两个控件将在垂直方向平分占据
2.页面布局是vertical,那么这两个控件将在水平方向平分占据

例子:下面的例子表示上下两个linearlayout,上面这个平分四等份,垂直布局放置4个textview,下面这个平分四等分,水平布局放置4个textview
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="fill_parent"
 android:layout_height="fill_parent">
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="horizontal" android:layout_width="fill_parent"
  android:layout_height="fill_parent" android:layout_weight="1">
  <TextView android:text="红色" android:gravity="center_vertical|center_horizontal"
   android:id="@+id/tv1" android:layout_width="wrap_content"
   android:layout_height="fill_parent" android:layout_weight="1"
   android:background="#aa0000" />
  <TextView android:text="绿色" android:gravity="center_horizontal"
   android:id="@+id/tv2" android:layout_width="wrap_content"
   android:layout_height="fill_parent" android:layout_weight="1"
   android:background="#00aa00" />
  <TextView android:text="蓝色" android:gravity="center|bottom"
   android:id="@+id/tv3" android:layout_width="wrap_content"
   android:layout_height="fill_parent" android:layout_weight="1"
   android:background="#0000aa" />
  <TextView android:text="黄色"
   android:id="@+id/tv4" android:layout_width="wrap_content"
   android:layout_height="fill_parent" android:layout_weight="1"
   android:background="#aaaa00" />
 </LinearLayout>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical" android:layout_width="fill_parent"
  android:layout_height="fill_parent" android:layout_weight="1">
  <TextView android:text="第一行"
   android:id="@+id/tv5" android:layout_width="wrap_content"
   android:layout_height="wrap_content" android:layout_weight="1"
   />
   <TextView android:text="第二行"
   android:id="@+id/tv6" android:layout_width="wrap_content"
   android:layout_height="wrap_content" android:layout_weight="1"
   />
   <TextView android:text="第三行"
   android:id="@+id/tv7" android:layout_width="wrap_content"
   android:layout_height="wrap_content" android:layout_weight="1"
   />
   <TextView android:text="第四行"
   android:id="@+id/tv8" android:layout_width="wrap_content"
   android:layout_height="wrap_content" android:layout_weight="1"
   />
 </LinearLayout>
</LinearLayout>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics