线性布局是一种非常常用的布局,它根据横向或者纵向排列控件,如果不设置横纵向,默认为横向排列

需要注意的是,如果排列方向是横向,内部的控件不能将宽设置为match_parenct,这样的话,单独一个控件就会将整个水平方向铺满,其它的控件就没有可放置的位置了,同样的道理,纵向的高度也不能设置为match_parenct

常用属性为:

android:orientation="vertical"                ----垂直排列

android:orientation="horizontal"            ----横向排列

子控件常用属性为:

android:layout_gravity="center"            ----设置控件显示位置,这里为居中显示

需要注意的是,如果排列方式为横向,那么给子控件设置居中,其实是垂直居中,因为横向还会增加控件,它的长度一直在改变,所以是上下垂直居中,垂直排列也一样,居中方式为横向居中

android:layout_weight="1"                    ----设置权重

权重解释:

假设权重为1和1和2,那么分别显示为四分之一,四分之一,四分之二(填满整个屏占比,横向或纵向)

设置横向显示权重:

app:layout_constraintHorizontal_weight="1"

设置纵向显示权重:

app:layout_constraintVertical_weight="1"

(相同线性下,有未设置权重的,未设置权重在占用固定比例后,权重根据特有比例去占用剩余空间)

计算器布局的实现有好多方法，先用LinearLayout实现一次吧，以后可能还会用其他布局

先上最终结果



实现方式是利用LinearLayout的layout_weight属性，实现按钮的均匀分布

由于layout_weight属性的特殊性，

当外层LinearLayout为垂直排布的时候，内部控件的layout_height要设为0dp,layout_width设为match_parent

当外层LinearLayout为水平排布的时候，内部控件的layout_width要设为0dp,layout_height设为match_parent

否则，最后的结果可能并不会像你想象得那样

 

这是一个简单到不能再简单的计算器了，只有加减乘除，

布局可以分为

第一行EditText    layout_weight="1"

第二行，第三行，第四行分别有四个按钮    layout_weight="1"

第五行和第六行因为最后有一个占两行的等号

所以再嵌套一层



最外层的LinearLayout    layout_weight=2

里边嵌套四个垂直排列的LinearLayout

 

最外层当然是一个

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">



</LinearLayout>

第一个控件是一个EditText

设置从右到左编辑，点击不会唤醒键盘

<EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="end|bottom"
        android:editable="false"/>

剩下的就是LinearLayout里套Button 或者LinearLayout里套LinearLayout里再套Button了

全部代码如下，id起的不是很规范，英语渣（的不能再渣）

<?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:orientation="vertical">

    <EditText
        android:id="@+id/editText"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:gravity="end|bottom"
        android:editable="false"/>

    <!--第一行按钮c，÷，×，del-->
    <LinearLayout
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/bt_clear"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="C"/>

        <Button
            android:id="@+id/bt_divide"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="÷"/>

        <Button
            android:id="@+id/bt_multiply"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="×"/>

        <Button
            android:id="@+id/bt_delete"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="del"/>

    </LinearLayout>

    <!--第二行按钮7,8,9，- -->
    <LinearLayout
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/num7"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="7"/>

        <Button
        android:id="@+id/num8"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:text="8"/>

        <Button
            android:id="@+id/num9"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="9"/>
        <Button
            android:id="@+id/sub"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="-"/>

    </LinearLayout>

    <!-- 第三行按钮 4,5,6，+ -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="horizontal">

        <Button
            android:id="@+id/num4"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="4" />

        <Button
            android:id="@+id/num5"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="5" />

        <Button
            android:id="@+id/num6"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="6" />

        <Button
            android:id="@+id/plus"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="+" />

    </LinearLayout>

    <!-- 第四，五行按钮 -->
    <LinearLayout
        android:layout_weight="2"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:orientation="horizontal">

        <!-- 第一列按钮 1，% -->
        <LinearLayout
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <Button
                android:id="@+id/num1"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:text="1"/>

            <Button
                android:id="@+id/bt010"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:text="%"/>

        </LinearLayout>

        <!-- 第二列按钮 2 ， 0 -->
        <LinearLayout
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <Button
                android:id="@+id/num2"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:text="2"/>

            <Button
                android:id="@+id/num0"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:text="0"/>

        </LinearLayout>

        <!-- 第三列按钮 3，. -->
        <LinearLayout
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <Button
                android:id="@+id/num3"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:text="3"/>

            <Button
                android:id="@+id/btpdot"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:text="."/>

        </LinearLayout>


        <!-- 第四列按钮 = -->
        <LinearLayout
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <Button
                android:id="@+id/bted"
                android:layout_weight="1"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:text="="/>


        </LinearLayout>

    </LinearLayout>



</LinearLayout>

 

 

LinearLayout内部嵌套LinearLayout
activity_main.xml内容如下：


[html] 
view plain 
copy 
print?

<LinearLayout 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:paddingLeft="@dimen/activity_horizontal_margin"  
    android:paddingRight="@dimen/activity_horizontal_margin"  
    android:paddingTop="@dimen/activity_vertical_margin"  
    android:paddingBottom="@dimen/activity_vertical_margin"  
    tools:context=".MainActivity"  
    android:orientation="vertical">  
  
    <LinearLayout  
        android:orientation="horizontal"  
        android:layout_width="fill_parent"  
        android:layout_weight="3"  
        android:layout_height="wrap_content"  
        >  
        <EditText  
            android:id="@+id/text"  
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent"  
            android:layout_weight="10"  
            android:layout_row="0"  
            android:layout_column="0"  
            />  
    </LinearLayout>  
    <LinearLayout  
        android:orientation="horizontal"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:layout_weight="3"  
        >  
        <Button  
            android:id="@+id/seven"  
            android:text="7"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--数字按钮7-->  
  
        <Button  
            android:id="@+id/eight"  
            android:text="8"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--数字按钮8-->  
  
        <Button  
            android:id="@+id/nine"  
            android:text="9"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--数字按钮9-->  
        <Button  
            android:id="@+id/divide"  
            android:text="÷"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            />  
  
    </LinearLayout>  
    <LinearLayout  
        android:orientation="horizontal"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:layout_weight="3"  
        >  
        <Button  
            android:id="@+id/four"  
            android:text="4"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--数字按钮4-->  
  
        <Button  
            android:id="@+id/five"  
            android:text="5"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--数字按钮5-->  
  
        <Button  
            android:id="@+id/six"  
            android:text="6"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--数字按钮6-->  
  
        <Button  
            android:id="@+id/multiply"  
            android:text="*"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            />  
  
    </LinearLayout>  
    <LinearLayout  
        android:orientation="horizontal"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:layout_weight="3"  
        >  
        <Button  
            android:id="@+id/one"  
            android:text="1"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            />/><!--数字按钮1-->  
  
        <Button  
            android:id="@+id/two"  
            android:text="2"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--数字按钮2-->  
  
        <Button  
            android:id="@+id/three"  
            android:text="3"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--数字按钮3-->  
        <Button  
            android:id="@+id/subtract"  
            android:text="-"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            />  
    </LinearLayout>  
    <LinearLayout  
        android:orientation="horizontal"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:layout_weight="3"  
        >  
        <Button  
            android:id="@+id/point"  
            android:text="."  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--小数点-->  
        <Button  
            android:id="@+id/zero"  
            android:text="0"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            /><!--数字按钮0-->  
        <Button  
            android:id="@+id/delete"  
            android:text="←"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            />  
        <Button  
            android:id="@+id/add"  
            android:text="+"  
            android:textSize="20dp"  
            android:layout_width="0dp"  
            android:layout_height="fill_parent"  
            android:layout_weight="3"  
            />  
    </LinearLayout>  
    <LinearLayout  
        android:orientation="horizontal"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:layout_weight="3"  
        >  
        <Button  
            android:id="@+id/equal"  
            android:text="="  
            android:textSize="20dp"  
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent"  
            />  
    </LinearLayout>  
    <LinearLayout  
        android:orientation="horizontal"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:layout_weight="3"  
        >  
        <Button  
            android:id="@+id/clear"  
            android:text="Clear"  
            android:layout_width="fill_parent"  
            android:layout_height="fill_parent"  
            />  
    </LinearLayout>  
</LinearLayout>  
显示效果如下：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"




（1）LinearLayout的属性

    高度

   宽度

   方向

   8个上下左右的距离：

// margin：控件距离父View的距离：外部

// padding：内容距离控件的距离：内部







// android:gravity属性是对该对象内容的限定（往下）

比如一个button 上面的text.你可以设置该text在view的靠左，靠右等位置




// android:layout_gravity是用来设置该view相对于父view的位置（往上）

比如一个button 
在linearlayout里，你想把该button放在靠左，靠右等位置就可以在linearlayout中通过该属性设置．

下面回到正题， 
我们可以通过设置android:gravity="center"来让EditText中的文字在EditText组件中居中显示；同时我们设置EditText的android:layout_gravity="right"来让EditText组件在LinearLayout中居右显示。看下效果：

正如我们所看到的，在EditText中，其中的文字已经居中显示，而EditText组件自己也对齐到了LinearLayout的右侧