android studio线性 android studio线性布局所有属性

LinearLayout的常用属性

• orientation
• layout_width
• layout_height
• id
• background
• gravity
• layout_gravity
• weight（权重）
• divider（分割线）

• showDividers
• dividerPadding

orientation

控制线性布局中组件的排列方式，有horizontal（水平）和vertical（垂直，默认）两种方式。

layout_width

布局的宽度，可以设置为wrap_content（组件实际大小），fill_parent （填满父容器），match_parent

layout_height

布局的高度，参数同layout_width。

id

为该组件设置一个资源id，在java文件中可以通过findViewById(id)找到该组件。

background

为该组件设置一个背景图片，或者直接用颜色覆盖。

gravity

控制组件所包含的子元素的对齐方式。

layout_gravity

控制该组件在父容器里的对齐方式。

eg.

效果图：

实现代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:id="@+id/LinearLayout1"
 android:orientation="vertical"
 //设置为垂直布局
 tools:context=".MainActivity">

 <TextView
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:text="请输入要保存的电话号码" />

 <EditText
     android:layout_width="fill_parent"
     android:layout_height="wrap_content" />

 <LinearLayout
     android:layout_width="fill_parent"
     android:layout_height="wrap_content"
     android:orientation="horizontal"
     //第三个组件设置为水平布局
     android:gravity="right" >
     //设置本组件所包含的子元素的排列方式为右对齐

     <Button
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="保存" />

     <Button
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="清空" />
 </LinearLayout>

</LinearLayout>

gravity注意：
当android:orientation="horizontal"时，只有垂直方向的设置才起作用，水平方向的设置不起作用，即top,bottom,center_vertical是生效的；
当android:orientation="vertical"时，只有水平方向的设置起作用，垂直方向的设置不起作用，即left,right,center_horizontal是生效的。

weight（权重）

用来等比例地划分区域。
①最简单用法
效果图1：
实现代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:id="@+id/LinearLayout1"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="horizontal">
      
      <LinearLayout
          android:layout_width="0dp"
          android:layout_height="fill_parent"
          android:background="#ADFF2F"
          android:layout_weight="1" />
          
      <LinearLayout
          android:layout_width="0dp"
          android:layout_height="fill_parent"
          android:background="#DA70D6"
          android:layout_weight="1" />
  </LinearLayout>

效果图2：

实现代码：

只需将效果图1代码中两个LinearLayout的weight参数改成1和2就可以了。

最简单用法总结：要等比例划分谁，就把谁的参数设为0，weight按比例设置即可。

②不设0的用法

不把要等比例划分的对象设为0的话，存在两种情况：1）等比例划分的对象参数为wrap_content，2）等比例划分的对象参数为fill_parent或match_parent。

1）warp_content比较简单，直接就按比例写就可以。

效果图3：

实现代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  xmlns:tools="http://schemas.android.com/tools"    
  android:id="@+id/LinearLayout1"    
  android:layout_width="match_parent"    
  android:layout_height="match_parent"  
  android:orientation="horizontal" >    
  
  <TextView    
      android:layout_weight="1"    
      android:layout_width="wrap_content"    
      android:layout_height="fill_parent"    
      android:text="one"     
      android:background="#98FB98" />
      
   <TextView    
      android:layout_weight="2"    
      android:layout_width="wrap_content"    
      android:layout_height="fill_parent"    
      android:text="two"     
      android:background="#FFFF00" />
      
   <TextView    
      android:layout_weight="3"    
      android:layout_width="wrap_content"    
      android:layout_height="fill_parent"    
      android:text="three"     
      android:background="#FF00FF" /> 
</LinearLayout>

2)match_parent(fill_parent)则需要计算
我们写下面这段简单的代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
  xmlns:tools="http://schemas.android.com/tools"    
  android:id="@+id/LinearLayout1"    
  android:layout_width="match_parent"    
  android:layout_height="match_parent" >    
  
  <TextView    
      android:layout_weight="1"    
      android:layout_width="fill_parent"    
      android:layout_height="fill_parent"    
      android:text="one"     
      android:background="#98FB98"    
   />    
   <TextView    
      android:layout_weight="2"    
      android:layout_width="fill_parent"    
      android:layout_height="fill_parent"    
      android:text="two"     
      android:background="#FFFF00"    
   />    
   <TextView    
      android:layout_weight="3"    
      android:layout_width="fill_parent"    
      android:layout_height="fill_parent"    
      android:text="three"     
      android:background="#FF00FF"    
   />    
  </LinearLayout>

效果图4：

这就和我们想象的不对了，本该是one：two：three=1：2：3，怎么变成one：two=2：1了？那么three又去了哪里？

目前笔者只知道一种算法：
①：每一个都是match_parent，但是屏幕只有一个啊！
那么1-3=-2match_parent；
②：依次比例是1/6，2/6，3/6；
③：先到先得，
先给one，计算1-2*（1/6）=2/3match_parent，
接着two，计算1-2*（2/6）=1/3match_parent，
最后到three，计算1-2*（3/6）=0match_parent；
④：这就是为什么会出现效果图4所展示的情况了

③Java代码中设置weight属性

setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT,
				LayoutParams.WRAP_CONTENT, 1));

divider（分割线）

该属性用于为LinearLayout设置分割线图片。

showDividers

设置分割线所在的位置，有四个可选值：none,middle,begining,end。

dividerPadding

设置分割线的padding。

eg.

很多界面开发中都会设置一些下划线，或者分割线，从而使得界面更加整洁美观，比如下面的酷狗音乐的注册页面：

对于这种线，通常的做法有两种

①直接在布局中添加一个view，这个view的作用仅仅是显示出一条线，代码也很简单：

<View  
    android:layout_width="match_parent"  
    android:layout_height="1px"  
    android:background="#000000" />

这是水平方向的一根黑线，如果不方便观察，我们也可以改成其他颜色或者使用图片。

②使用divider属性，直接为LinearLayout设置分割线。（需要准备分割线的图片）

效果图5：

实现代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  xmlns:tools="http://schemas.android.com/tools"  
  android:id="@+id/LinearLayout1"  
  android:layout_width="match_parent"  
  android:layout_height="match_parent"  
  android:divider="@mipmap/分割线图片"  
  android:orientation="vertical"  
  //垂直布局
  android:showDividers="middle" 
  //在两个组件之间出现 
  android:dividerPadding="10dp"
  //与上下组件间距为10dp  
  tools:context="com.jay.example.linearlayoutdemo.MainActivity" >  

  <Button  
      android:layout_width="wrap_content"  
      android:layout_height="wrap_content"  
      android:text="按钮1" />  

  <Button  
      android:layout_width="wrap_content"  
      android:layout_height="wrap_content"  
      android:text="按钮2" />  

  <Button  
      android:layout_width="wrap_content"  
      android:layout_height="wrap_content"  
      android:text="按钮3" />  

</LinearLayout>