Android开发第二次课 布局方式
Posted tea_year
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Android开发第二次课 布局方式相关的知识，希望对你有一定的参考价值。
线性布局
线性布局：
-
控件从左到右排列：水平方式
-
控件从上到下排列：垂直方式
标签：LinearLayout
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
</LinearLayout>
xmlns:android:声明一个命名空间前缀，叫作android,http://schemas.android.com/apk/res/android,
是网址格式，才可以使用android前缀。
orientation="vertical" 是垂直排列
总体代码实现：
<?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">
<!-- 线性布局;Ctrl+Alt+L键：格式化代码;-->
<!--
1.行 用户名： 输入框
2.行 密码：输入框
3.登录 取消
-->
<!-- 1.第一行线性布局：水平方式
match_parent 表示使空间填充布局单元内的尽可能多的空间，
wrap_content:表示使视图扩展以现实全部内容；
layout_width:布局宽;
layout_height:height:布局高度;
txt:文本内容
textSize:文本大小
layout_weight:字体粗细
paddingLeft:左填充
paddingTop:上填充;
-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:paddingLeft="15dp"
android:paddingTop="15dp"
android:text="用户"
android:textSize="20dp" />
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3" />
</LinearLayout>
<!-- 第二行，线性布局，水平方式-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:paddingLeft="10dp"
android:paddingTop="10dp"
android:text="密码"
android:textSize="20dp" />
<EditText
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3" />
</LinearLayout>
<!-- 第三行，线性布局，水平方式-->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="登录"/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="取消"/>
</LinearLayout>
</LinearLayout>
除了LinearLayout线性布局之外，里面，讲了三个控件；
1.TextView:显示文本提示信息；
2.EditText:输入框；
3.Button:按钮
2.表格布局
office:excel工具。
表格布局是按照行和列来组织子视图的布局，包含一系列的TableRow对象，用于定义行。
TableLayout–>TableRow
可以包含0个以上的单元格，每个单元格可以设置一个View视图。
stretchColumns="*":从0开始的索引项，可以拉伸，*号大题拉伸的所有列。
shrinkColumns="*"：收缩从0开始的索引项。
下面是9个图标下载热门的案例
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:shrinkColumns="*"
android:stretchColumns="*">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="热门下载"
android:textColor="@color/aqua"
android:textSize="20dp" />
<!-- 表格里面包含:TableRow-->
<TableRow android:layout_weight="1">
<!-- 放置图片，ImageView;src:表示图标路径；scaleType:自动适应大小-->
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/iod"
android:scaleType="fitXY"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/afari"
android:scaleType="fitXY"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/iod"
android:scaleType="fitXY"/>
</TableRow>
<TableRow android:layout_weight="1">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/iiontacts"
android:scaleType="fitXY"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/phone"
android:scaleType="fitXY"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/twitter"
android:scaleType="fitXY"/>
</TableRow>
<TableRow android:layout_weight="1">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/stocks"
android:scaleType="fitXY"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/hjamera"
android:scaleType="fitXY"/>
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@mipmap/wwwwww"
android:scaleType="fitXY"/>
</TableRow>
</TableLayout>
颜色
<color name="colorPrimary">#3F51B5</color><!--首要颜色-->
<color name="colorPrimaryDark">#303F9F</color><!--首要颜色暗色-->
<color name="colorAccent">#FF4081</color><!--色彩强调-->
<color name="black">#000000</color><!--黑色 -->
<color name="white">#FFFFFF</color><!--白色-->
<color name="snow">#fffafa</color><!--雪白色 -->
<color name="floralwhite">#fffaf0</color><!--花白色 -->
<color name="blanchedalmond">#ffebcd</color><!--杏白色 -->
<color name="ghostwhite">#f8f8ff</color><!--幽灵白 -->
<color name="whitesmoke">#f5f5f5</color><!--烟白色 -->
<color name="antiquewhite">#faebd7</color><!--古董白 -->
<color name="navajowhite">#ffdead</color><!--纳瓦白 -->
<color name="grey">#808080</color><!--灰色 -->
<color name="gainsboro">#dcdcdc</color><!--淡灰色 -->
<color name="lightgrey">#d3d3d3</color><!--亮灰色 -->
<color name="darkgrey">#a9a9a9</color><!--暗灰色 -->
<color name="dimgrey">#696969</color><!--暗灰色 -->
<color name="slategrey">#708090</color><!--灰石色 -->
<color name="lightslategrey">#778899</color><!--亮蓝灰 -->
<color name="darkslategrey">#2f4f4f</color><!--暗瓦灰色 -->
<color name="silver">#c0c0c0</color><!--银色 -->
<color name="red">#ff0000</color><!--红色 -->
<color name="darkred">#8b0000</color><!--暗红色 -->
<color name="crimson">#dc143c</color><!--暗深红色 -->
<color name="darkmagenta">#8b008b</color><!--暗洋红 -->
<color name="fuchsia">#ff00ff</color><!--紫红色 -->
<color name="tomato">#ff6347</color><!--西红柿色 -->
<color name="lightcoral">#f08080</color><!--亮珊瑚色 -->
<color name="darksalmon">#e9967a</color><!--暗肉色 -->
<color name="peachpuff">#ffdab9</color><!--桃色 -->
<color name="plum">#dda0dd</color><!--洋李色 -->
<color name="pink">#ffc0cb</color><!--粉红色 -->
<color name="lightpink">#ffb6c1</color><!--亮粉红色 -->
<color name="deeppink">#ff1493</color><!--深粉红色 -->
<color name="hotpink">#ff69b4</color><!--热粉红色 -->
<color name="lavenderblush">#fff0f5</color><!--淡紫红 -->
<color name="indianred">#cd5c5c</color><!--印第安红 -->
<color name="rosybrown">#bc8f8f</color><!--褐玫瑰红 -->
<color name="firebrick">#b22222</color><!--红砖色 -->
<color name="maroon">#800000</color><!--粟色 -->
<color name="honeydew">#f0fff0</color><!--蜜色 -->
<color name="orangered">#ff4500</color><!--红橙色 -->
<color name="orange">#ffa500</color><!--橙色 -->
<color name="limegreen">#32cd32</color><!--橙绿色 -->
<color name="lime">#00ff00</color><!--酸橙色 -->
<color name="yellow">#ffff00</color><!--黄色 -->
<color name="wheat">#f5deb3</color><!--浅黄色 -->
<color name="khaki">#f0e68c</color><!--黄褐色 -->
<color name="burlywood">#deb887</color><!--实木色 -->
<color name="bisque"以上是关于Android开发第二次课 布局方式的主要内容，如果未能解决你的问题，请参考以下文章