ZX-Android-Android_布局详解

足下软件教育·Android开发实训班V1.0版足下软件·Android开发实训教程Android布局详解Android布局是开发中非常重要的一个知识部分，它的布局分为以下几种：LinearLayout：线性布局RelativeLayout：相对布局TableLayout：表格布局GridView：网格布局TabLayout：选项卡布局ListView：列表布局如下图：一、LinearLayout简单来说，直着排，横着排都可以，还可以嵌套，此布局运用的非常多。下面直接上示例代码及截图：足下软件教育·Android开发实训班V1.0版足下软件·Android开发实训教程接下来，看一下布局XML文件:?xmlversion=1.0encoding=utf-8?LinearLayoutxmlns:android=:layout_width=fill_parentandroid:layout_height=fill_parentandroid:orientation=verticalLinearLayoutandroid:layout_width=fill_parentandroid:layout_height=fill_parentandroid:layout_weight=1android:orientation=horizontalTextViewandroid:layout_width=wrap_contentandroid:layout_height=fill_parent足下软件教育·Android开发实训班V1.0版足下软件·Android开发实训教程android:layout_weight=1android:background=#aa0000android:gravity=center_horizontalandroid:text=red/TextViewandroid:layout_width=wrap_contentandroid:layout_height=fill_parentandroid:layout_weight=1android:background=#00aa00android:gravity=center_horizontalandroid:text=green/TextViewandroid:layout_width=wrap_contentandroid:layout_height=fill_parentandroid:layout_weight=1android:background=#0000aaandroid:gravity=center_horizontalandroid:text=blue/TextViewandroid:layout_width=wrap_contentandroid:layout_height=fill_parentandroid:layout_weight=1android:background=#aaaa00android:gravity=center_horizontalandroid:text=yellow//LinearLayoutLinearLayoutandroid:layout_width=fill_parentandroid:layout_height=fill_parentandroid:layout_weight=1android:orientation=verticalTextViewandroid:layout_width=fill_parentandroid:layout_height=wrap_contentandroid:layout_weight=1android:text=rowoneandroid:textSize=15pt/TextView足下软件教育·Android开发实训班V1.0版足下软件·Android开发实训教程android:layout_width=fill_parentandroid:layout_height=wrap_contentandroid:layout_weight=1android:text=rowtwoandroid:textSize=15pt/TextViewandroid:layout_width=fill_parentandroid:layout_height=wrap_contentandroid:layout_weight=1android:text=rowthreeandroid:textSize=15pt/TextViewandroid:layout_width=fill_parentandroid:layout_height=wrap_contentandroid:layout_weight=1android:text=rowfourandroid:textSize=15pt//LinearLayout/LinearLayout下面详细详解这些配置的含义：LinearLayout标签的常用属性android:orientation=horizontal：定义方向水平或垂直（horizontal/vertical）android:layout_width=fill_parent：宽度填充满父控件的宽度android:layout_height=fill_parent：宽度填充满父控件的高度android:layout_weight=1：重量?可解释为权重，这是个什么意思呢，请看下图足下软件教育·Android开发实训班V1.0版足下软件·Android开发实训教程我将这里的配置变了一下，LinearLayoutandroid:orientation=horizontalandroid:layout_width=fill_parentandroid:layout_height=fill_parentandroid:layout_weight=1TextViewandroid:text=redandroid:gravity=center_horizontalandroid:background=#aa0000android:layout_width=wrap_contentandroid:layout_height=fill_parentandroid:layout_weight=1/TextViewandroid:text=greenandroid:gravity=center_horizontalandroid:background=#00aa00android:layout_width=wrap_contentandroid:layout_height=fill_parentandroid:layout_weight=2/TextViewandroid:text=blueandroid:gravity=center_horizontalandroid:background=#0000aaandroid:layout_width=wrap_contentandroid:layout_height=fill_parentandroid:layout_weight=3/TextViewandroid:text=yellowandroid:gravity=center_horizontalandroid:background=#aaaa00android:layout_width=wrap_contentandroid:layout_height=fill_parentandroid:layout_weight=4/足下软件教育·Android开发实训班V1.0版足下软件·Android开发实训教程/LinearLayout可以看到我设置成了1，2，3，4，这四TextView显示的宽度不一样了，具体是怎么算的，这个我们就不追究了，意思清楚就行，都设置为1则平分，否则数给的越大，占的位置就越多。再看一下TextView的解释TextViewandroid:text=redandroid:gravity=center_horizontalandroid:background=#aa0000android:layout_width=wrap_contentandroid:layout_height=fill_parentandroid:layout_weight=1/android:text=red：要显示的内容android:gravity=center_horizontal：显示内容的对齐方式android:background=#aa0000：背景色android:layout_width=wrap_content：宽度，包括自己的内容的宽度android:layout_height=fill_parent：高度，填充父控件的高度android:layout_weight=1：权重其实含义如果懂些CSS属性的话，还是蛮好懂的，布局跟Div有点类似//类似一个外层DIV，里面的内容垂直布局android:orientation=verticalLinearLayoutxmlns:android=:orientation=verticalandroid:layout_width=fill_parentandroid:layout_height=fill_parent//类似第一个子DIV，内容水平布局android:orientation=horizontalLinearLayoutandroid:orientation=horizontalandroid:layout_width=fill_parentandroid:layout_height=fill_parentandroid:layout_weight=1/LinearLayout//类似第二个子DIV，内容垂直布局android:orientation=verticalLinearLayoutandroid:orientation=verticalandroid:layout_width=fill_parentandroid:layout_height=fill_parentandroid:layout_weight=1/LinearLayout/LinearLayout足下软件教育·Android开发实训班V1.0版足下软件·Android开发实训教程先把大的框框画好，再在各个子框里面细画内容，这个布局蛮简单的。二、RelativeLayoutRelativeLayout布局:相对位置布局，类似于Word中的位置对齐，总共有九个方位，如下图所示下面,我们来看看布局文件的代码与详解:?xmlversion=1.0encoding=utf-8?RelativeLayoutxmlns:android=:layout_width=fill_parentandroid:layout_height=fill_parentTextViewandroid:id=@+id/labelandroid:layout_width=fill_parentandroid:layout_height=wrap_contentandroid:text=Typehere:/足下软件教育·Android开发实训班V1.0版足下软件·Android开发实训教程EditTextandroid:id=@+id/entryandroid