百度公司做网站服务,goodnex drupal7企业wordpress模板,电子商务网站建设与管理试题及答案,有什么好的提供外链网站线性布局LinearLayout
前几个小节的例程中#xff0c;XML文件用到了LinearLayout布局#xff0c;它的学名为线性布局。顾名思义#xff0c;线性布局 像是用一根线把它的内部视图串起来#xff0c;故而内部视图之间的排列顺序是固定的#xff0c;要么从左到右排列#xf…线性布局LinearLayout
前几个小节的例程中XML文件用到了LinearLayout布局它的学名为线性布局。顾名思义线性布局 像是用一根线把它的内部视图串起来故而内部视图之间的排列顺序是固定的要么从左到右排列要 么从上到下排列。在XML文件中LinearLayout通过属性android:orientation区分两种方向其中从左 到右排列叫作水平方向属性值为horizontal从上到下排列叫作垂直方向属性值为vertical。如果LinearLayout标签不指定具体方向则系统默认该布局为水平方向排列也就是默认android:orientationhorizontal.
下面做个实验让XML文件的根节点挂着两个线性布局第一个线性布局采取horizontal水平方向第 二个线性布局采取vertical垂直方向。然后每个线性布局内部各有两个文本视图通过观察这些文本视图 的排列情况从而检验线性布局的显示效果。详细的XML文件内容如下所示 LinearLayout xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_heightmatch_parentandroid:orientationverticalLinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:orientationhorizontalTextViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:text横排第一个android:textSize17spandroid:textColor#000000 /TextViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:text横排第二个android:textSize17spandroid:textColor#000000 //LinearLayoutLinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:orientationverticalTextViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:text竖排第一个android:textSize17spandroid:textColor#000000 /TextViewandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:text竖排第二个android:textSize17spandroid:textColor#000000 //LinearLayout
/LinearLayout运行测试App进入如下图所示的演示页面可见horizontal为横向排列vertical为纵向排列说明android:orientation的方向属性确实奏效了。 除了方向之外线性布局还有一个权重概念所谓权重指的是线性布局的下级视图各自拥有多大比例 的宽高。比如一块蛋糕分给两个人吃可能两人平均分也可能甲分三分之一乙分三分之二。两人平 均分的话先把蛋糕切两半然后甲分到一半乙分到另一半此时甲乙的权重比为1:1。甲分三分之 一、乙分三分之二的话先把蛋糕平均切成三块然后甲分到一块乙分到两块此时甲乙的权重比为1:2。就线性布局而言它自身的尺寸相当于一整块蛋糕它的下级视图们一起来分这个尺寸蛋糕有的 视图分得多有的视图分得少。分多分少全凭每个视图分到了多大的权重这个权重在XML文件中通过 属性android:layout_weight来表达。
把线性布局看作蛋糕的话分蛋糕的甲乙两人就相当于线性布局的下级视图。假设线性布局平均分为左 右两块则甲视图和乙视图的权重比为1:1意味着两个下级视图的layout_weight属性都是1。不过视图 有宽高两个方向系统怎知layout_weight表示哪个方向的权重呢所以这里有个规定一旦设置了layout_weight属性值便要求layout_width填0dp或者layout_height填0dp。如果layout_width填0dp则layout_weight表示水平方向的权重下级视图会从左往右分割线性布局如果layout_height填0dp则layout_weight表示垂直方向的权重下级视图会从上往下分割线性布局。 按照左右均分的话线性布局设置水平方向horizontal且甲乙两视图的layout_width都填0dplayout_weight都填1此时横排的XML片段示例如下
LinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:orientationhorizontalTextViewandroid:layout_width0dpandroid:layout_heightwrap_contentandroid:layout_weight1android:text横排第一个android:textSize17spandroid:textColor#000000 /TextViewandroid:layout_width0dpandroid:layout_heightwrap_contentandroid:layout_weight1android:text横排第二个android:textSize17spandroid:textColor#000000 /
/LinearLayout按照上下均分的话线性布局设置垂直方向vertical且甲乙两视图的layout_height都填0dplayout_weight都填1此时竖排的XML片段示例如下
LinearLayoutandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:orientationverticalTextViewandroid:layout_widthwrap_contentandroid:layout_height0dpandroid:layout_weight1android:text竖排第一个android:textSize17spandroid:textColor#000000 /TextViewandroid:layout_widthwrap_contentandroid:layout_height0dpandroid:layout_weight1android:text竖排第二个android:textSize17spandroid:textColor#000000 /
/LinearLayout把上面两个片段放到新页面的XML文件其中第一个是横排区域采用红色背景色值为ff0000第二 个是竖排区域采用青色背景色值为00ffff。重新运行测试App打开演示界面如下图所示可见横 排区域平均分为左右两块竖排区域平均分为上下两块。 相对布局RelativeLayout
线性布局的下级视图是顺序排列着的另一种相对布局的下级视图位置则由其他视图决定。相对布局名 为RelativeLayout因为下级视图的位置是相对位置所以得有具体的参照物才能确定最终位置。如果不设定下级视图的参照物那么下级视图默认显示在RelativeLayout内部的左上角。 用于确定下级视图位置的参照物分两种一种是与该视图自身平级的视图另一种是该视图的上级视图 也就是它归属的RelativeLayout。综合两种参照物相对位置在XML文件中的属性名称说明见下表。 为了更好地理解上述相对属性的含义接下来使用RelativeLayout及其下级视图进行布局来看看实际效果图。下面是演示相对布局的XML文件例子
RelativeLayout xmlns:androidhttp://schemas.android.com/apk/res/androidandroid:layout_widthmatch_parentandroid:layout_height150dp TextViewandroid:idid/tv_centerandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_centerInParenttrueandroid:background#ffffffandroid:text我在中间android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_center_horizontalandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_centerHorizontaltrueandroid:background#eeeeeeandroid:text我在水平中间android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_center_verticalandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_centerVerticaltrueandroid:background#eeeeeeandroid:text我在垂直中间android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_parent_leftandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_alignParentLefttrueandroid:background#eeeeeeandroid:text我跟上级左边对齐android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_parent_rightandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_alignParentRighttrueandroid:background#eeeeeeandroid:text我跟上级右边对齐android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_parent_topandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_alignParentToptrueandroid:background#eeeeeeandroid:text我跟上级顶部对齐android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_parent_bottomandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_alignParentBottomtrueandroid:background#eeeeeeandroid:text我跟上级底部对齐android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_left_centerandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_toLeftOfid/tv_centerandroid:layout_alignTopid/tv_centerandroid:background#eeeeeeandroid:text我在中间左边android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_right_centerandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_toRightOfid/tv_centerandroid:layout_alignBottomid/tv_centerandroid:background#eeeeeeandroid:text我在中间右边android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_above_centerandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_aboveid/tv_centerandroid:layout_alignLeftid/tv_centerandroid:background#eeeeeeandroid:text我在中间上面android:textSize11spandroid:textColor#000000 /TextViewandroid:idid/tv_below_centerandroid:layout_widthwrap_contentandroid:layout_heightwrap_contentandroid:layout_belowid/tv_centerandroid:layout_alignRightid/tv_centerandroid:background#eeeeeeandroid:text我在中间下面android:textSize11spandroid:textColor#000000 /
/RelativeLayout上述XML文件的布局效果如下图所示RelativeLayout的下级视图都是文本视图控件上的文字说明 了所处的相对位置具体的控件显示方位正如XML属性中描述的那样。 Java程序如下
package com.example.chapter03;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;public class RelativeLayoutActivity extends AppCompatActivity {Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_relative_layout);}
}
