十年专注于品牌网站建设 十年专注于品牌网站建设,低调、高逼格、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

线性布局(linearlayout)与相对布局(relativelayout)的结合使用实例

baiheng 2014/10/20 13513

        在做参数设置时我们需要实现一小块区域的文字加上复选框或单选框,让用户设置参数,在一个页面上有多个参数要设置,那就需要多个区域,如图所示,像这样的布局我们一般怎么实现呢?接下来由百恒网络工程向大家介绍,线性布局(linearlayout)与相对布局(relativelayout)结合使用方法。线性布局与相对布局实现参数设置实例

1.我们先看一个简单的相对布局(relativelayout)。

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="100dp"   
    android:background="#000000"
    tools:context="cn.jxbh.commonlayout.MainActivity" >

    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="14dp"
        android:textSize="20sp"
        android:textColor="#ffffff"
        android:text="About Baiheng"
         />

    <TextView
        android:id="@+id/tv2"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/tv1"
        android:layout_alignLeft="@id/tv1"
        android:textSize="14sp"
        android:textColor="#88ffffff"
        android:text="Baiheng Software was founded in 2006, specializing in software development companies. detailed ..."
        />

    <CheckBox
        android:id="@+id/checkBox1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"     
        android:layout_marginRight="24dp"
        android:text="" />


</RelativeLayout>

相对布局(relative layout)实现实例

2.我们在线性布局中嵌套入相对布局,代码如下。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    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="#000000"
    android:orientation="vertical" >

   <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="100dp" >
    <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="14dp"
        android:textSize="20sp"
        android:textColor="#ffffff"
        android:text="About Baiheng"
         />

    <TextView
        android:id="@+id/tv2"
        android:layout_width="240dp"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/tv1"
        android:layout_alignLeft="@id/tv1"
        android:textSize="14sp"
        android:textColor="#88ffffff"
        android:text="Baiheng Software was founded in 2006, specializing in software development companies. detailed ..."
        />

    <CheckBox
        android:id="@+id/checkBox1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"    
        android:layout_marginRight="24dp"
        android:text="" />
   </RelativeLayout>
       <View  
        android:layout_below="@id/tv2"
        android:layout_marginTop="10dp"
        android:layout_width="match_parent" 
        android:layout_height="1dp" 
        android:background="#88ffffff" 
        />
      
       <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="80dp" >
    <TextView
        android:id="@+id/tv1b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="14dp"
        android:textSize="20sp"
        android:textColor="#ffffff"
        android:text="GPS satellites"
         />

    <TextView
        android:id="@+id/tv2b"
        android:layout_width="260dp"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/tv1b"
        android:layout_alignLeft="@id/tv1b"
        android:textSize="14sp"
        android:textColor="#88ffffff"
        android:text="Let apps use GPS to pinpoint your location"
        />

    <CheckBox
        android:id="@+id/checkBox1b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"    
        android:layout_marginRight="24dp"
        android:text="" />
   </RelativeLayout>
       <View  
        android:layout_below="@id/tv2"
        android:layout_marginTop="10dp"
        android:layout_width="match_parent" 
        android:layout_height="1dp" 
        android:background="#88ffffff" 
        />
</LinearLayout>
 

备注:

1.我们在此使用view加了两条分隔线,可以通过调节高度来控制线的精细。

2.颜色值最前面两位数是控制线的透明度,argb.

原创文章出自:百恒网络 如转载请注明出处!专业,专注于南昌网站建设南昌APP开发,为用户提供高品质的网络产品及优质服务是我们始终的追求.

400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×