线性布局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

转载于:https://www.cnblogs.com/Renyi-Fan/p/7275933.html

线性布局LinearLayout相关推荐

Android学习笔记(11):线性布局LinearLayout
线性布局LinearLayout是指在横向或是竖向一个接一个地排列.当排列的组件超出屏幕后,超出的组件将不会再显示出来. LinearLayout支持的XML属性和相应方法如表所看到的: Attrib ...
Android 应用开发（第3章）线性布局LinearLayout
1.线性布局(LinearLayout) 线性布局是Android中较为常用的布局方式,它使用<LinearLayout>标签.LinearLayout 线性布局有两种,分别是水平线性布局 ...
Android Studio 线性布局Linearlayout的控件位置控制l属性Layout_margin失效问题解决
Android Studio 线性布局Linearlayout的控件位置控制l属性Layout_margin失效问题解决问题:如layout_marginRight ="50dp" ...
Andriod Studio 线性布局(LinearLayout)
Andriod有六种基本布局:线性布局LinearLayout.相对布局RelativeLayout.表格布局TableLayout.层布局FrameLayout.绝对布局AbsoluteLayout ...
线性布局LinearLayout设置分割线divider
目录一.线性布局LinearLayout设置分割线divider 总结一.线性布局LinearLayout设置分割线divider 上代码: <LinearLayoutandroid:id= ...
Android布局之线性布局LinearLayout(二) ----简单模仿ios端小米计算器主界面UI
Android布局之线性布局LinearLayout(二) ----简单模仿ios端小米计算器主界面UI 今天老师的要求是让用LinearLayout布局做自己手机自带的计算器的UI设计,因为io ...
7 线性布局——LinearLayout
在上一节中,我们讲到了所有的 Layout 都是从 ViewGroup 继承而来,它可以包含若干 View 并按照指定的规则将这个 View 摆放到屏幕上.那么接下来的章节我们就来学习一下 Andro ...
Android UI布局之线性布局LinearLayout
Android UI 布局线性布局线性布局 activity_main.xml <?xml version="1.0" encoding="utf-8" ...
Android 使用线性布局LinearLayout和Button实现一个点红块游戏
这个游戏的功能类似打地鼠. 项目地址:https://github.com/moonlightpoet/RedBlock 程序下载试玩地址:https://github.com/moonlightpo ...

线性布局LinearLayout

线性布局LinearLayout

线性布局LinearLayout相关推荐

最新文章

热门文章