zoukankan      html  css  js  c++  java
  • 线性布局LinearLayout

    线性布局LinearLayout

    一、简介

    LinearLayout是一种线型的布局方式。LinearLayout布局容器内的组件一个挨着一个地排列起来:不仅可以控制个组件横向排列,也可控制各组件纵向排列。通过orientation属性设置线性排列的方向是垂直(vertical)还是纵向(horizontal)。 

    线性布局实例

    二、代码实例

    效果图:

    结构

    代码:

     /Test_LinearLayout/res/layout/activity_main.xml

    android:layout_weight="4"
    权重
    android:gravity="bottom|right"
    字体靠右下
    android:orientation="vertical" >
    垂直布局

    xmlns:android="http://schemas.android.com/apk/res/android"
    命名空间

      1 <?xml version="1.0" encoding="utf-8"?>
      2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      3     android:layout_width="match_parent"
      4     android:layout_height="match_parent"
      5     android:orientation="vertical" >
      6     <!-- 输入框 -->
      7     <EditText
      8         android:id="@+id/editText_input"
      9         android:layout_width="match_parent" 
     10         android:layout_height="wrap_content"
     11         android:gravity="bottom|right"
     12        
     13         android:text=""
     14         android:layout_weight="4"
     15         android:textSize="@dimen/fontSize_num"
     16         />
     17     
     18     <!-- 中间按键区 -->
     19     <LinearLayout
     20         android:layout_width="match_parent"
     21         android:layout_height="wrap_content"
     22         android:orientation="vertical"
     23         android:layout_weight="12"
     24         
     25         >
     26         <!-- 中间按键区:第一排 -->
     27         <LinearLayout
     28               android:layout_width="match_parent"
     29                  android:layout_height="wrap_content"
     30                  android:orientation="horizontal"
     31                  android:layout_weight="1"
     32                  
     33             >
     34             <Button
     35                 android:id="@+id/btn_num7"
     36                 android:layout_width="wrap_content"
     37                 android:layout_height="wrap_content"
     38                 android:text="7"
     39                 android:layout_weight="2"
     40                 android:textSize="@dimen/fontSize_num"
     41                 />
     42             <Button
     43                 android:id="@+id/btn_num8"
     44                 android:layout_width="wrap_content"
     45                 android:layout_height="wrap_content"
     46                 android:text="8"
     47                 android:layout_weight="2"
     48                 android:textSize="@dimen/fontSize_num"
     49                 />
     50             <Button
     51                 android:id="@+id/btn_num9"
     52                 android:layout_width="wrap_content"
     53                 android:layout_height="wrap_content"
     54                 android:text="9"
     55                 android:layout_weight="2"
     56                 android:textSize="@dimen/fontSize_num"
     57                 />
     58             <Button
     59                 android:id="@+id/btn_symbol_divide"
     60                 android:layout_width="wrap_content"
     61                 android:layout_height="wrap_content"
     62                 android:text="/"
     63                 android:layout_weight="2"
     64                 android:textSize="@dimen/fontSize_num"
     65                 />
     66         </LinearLayout>
     67         
     68        <!-- 中间按键区:第二排 -->
     69         <LinearLayout
     70               android:layout_width="match_parent"
     71                  android:layout_height="wrap_content"
     72                  android:orientation="horizontal"
     73                  android:layout_weight="1"
     74                  android:textSize="@dimen/fontSize_num"
     75             >
     76             <Button
     77                 android:id="@+id/btn_num4"
     78                 android:layout_width="wrap_content"
     79                 android:layout_height="wrap_content"
     80                 android:text="4"
     81                 android:layout_weight="2"
     82                 android:textSize="@dimen/fontSize_num"
     83                 />
     84             <Button
     85                 android:id="@+id/btn_num5"
     86                 android:layout_width="wrap_content"
     87                 android:layout_height="wrap_content"
     88                 android:text="5"
     89                 android:layout_weight="2"
     90                 android:textSize="@dimen/fontSize_num"
     91                 />
     92             <Button
     93                 android:id="@+id/btn_num6"
     94                 android:layout_width="wrap_content"
     95                 android:layout_height="wrap_content"
     96                 android:text="6"
     97                 android:layout_weight="2"
     98                 android:textSize="@dimen/fontSize_num"
     99                 />
    100             <Button
    101                 android:id="@+id/btn_symbol_multiply"
    102                 android:layout_width="wrap_content"
    103                 android:layout_height="wrap_content"
    104                 android:text="*"
    105                 android:layout_weight="2"
    106                 android:textSize="@dimen/fontSize_num"
    107                 />
    108         </LinearLayout>
    109        
    110         <!-- 中间按键区:第三排 -->
    111         <LinearLayout
    112               android:layout_width="match_parent"
    113                  android:layout_height="wrap_content"
    114                  android:orientation="horizontal"
    115                  android:layout_weight="1"
    116                  android:textSize="@dimen/fontSize_num"
    117             >
    118             <Button
    119                 android:id="@+id/btn_num1"
    120                 android:layout_width="wrap_content"
    121                 android:layout_height="wrap_content"
    122                 android:text="1"
    123                 android:layout_weight="2"
    124                 android:textSize="@dimen/fontSize_num"
    125                 />
    126             <Button
    127                 android:id="@+id/btn_num2"
    128                 android:layout_width="wrap_content"
    129                 android:layout_height="wrap_content"
    130                 android:text="2"
    131                 android:layout_weight="2"
    132                 android:textSize="@dimen/fontSize_num"
    133                 />
    134             <Button
    135                 android:id="@+id/btn_num3"
    136                 android:layout_width="wrap_content"
    137                 android:layout_height="wrap_content"
    138                 android:text="3"
    139                 android:layout_weight="2"
    140                 android:textSize="@dimen/fontSize_num"
    141                 />
    142             <Button
    143                 android:id="@+id/btn_symbol_subtract"
    144                 android:layout_width="wrap_content"
    145                 android:layout_height="wrap_content"
    146                 android:text="-"
    147                 android:layout_weight="2"
    148                 android:textSize="@dimen/fontSize_num"
    149                 />
    150         </LinearLayout>
    151      
    152         <!-- 中间按键区:第四排 -->
    153         <LinearLayout
    154               android:layout_width="match_parent"
    155                  android:layout_height="wrap_content"
    156                  android:orientation="horizontal"
    157                  android:layout_weight="1"
    158             >
    159             <Button
    160                 android:id="@+id/btn_num0"
    161                 android:layout_width="wrap_content"
    162                 android:layout_height="wrap_content"
    163                 android:text="0"
    164                 android:layout_weight="2"
    165                 android:textSize="@dimen/fontSize_num"
    166                 />
    167             <Button
    168                 android:id="@+id/btn_symbol_point"
    169                 android:layout_width="wrap_content"
    170                 android:layout_height="wrap_content"
    171                 android:text="."
    172                 android:layout_weight="2"
    173                 android:textSize="@dimen/fontSize_num"
    174                 />
    175             <Button
    176                 android:id="@+id/btn_symbol_add"
    177                 android:layout_width="wrap_content"
    178                 android:layout_height="wrap_content"
    179                 android:text="+"
    180                 android:layout_weight="2"
    181                 android:textSize="@dimen/fontSize_num"
    182                 />
    183             <Button
    184                 android:id="@+id/btn_symbol_equal"
    185                 android:layout_width="wrap_content"
    186                 android:layout_height="wrap_content"
    187                 android:text="="
    188                 android:layout_weight="2"
    189                 android:textSize="@dimen/fontSize_num"
    190                 />
    191         </LinearLayout>
    192         
    193         
    194     </LinearLayout>
    195     
    196     <!-- 最下面clear区 -->
    197    <Button
    198         android:id="@+id/btn_clear"
    199         android:layout_width="match_parent" 
    200         android:layout_height="wrap_content"
    201         android:text="clear"
    202         android:layout_weight="2"
    203         android:textSize="@dimen/fontSize_num"
    204         />
    205 
    206 </LinearLayout>
    207  
  • 相关阅读:
    使用javap分析Java的字符串操作
    使用javap深入理解Java整型常量和整型变量的区别
    分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型
    Java动态代理之InvocationHandler最简单的入门教程
    Java实现 LeetCode 542 01 矩阵(暴力大法,正反便利)
    Java实现 LeetCode 542 01 矩阵(暴力大法,正反便利)
    Java实现 LeetCode 542 01 矩阵(暴力大法,正反便利)
    Java实现 LeetCode 541 反转字符串 II(暴力大法)
    Java实现 LeetCode 541 反转字符串 II(暴力大法)
    Java实现 LeetCode 541 反转字符串 II(暴力大法)
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/7275933.html
Copyright © 2011-2022 走看看