• 安卓开发——安卓界面布局笔记


    主要布局:

    1.LinearLayout,线性布局,可分为垂直布局(android:orientation="vertical")和水平布局(android:orientation="horizontal" ),在LinearLayout里面可以放多个控件,但是一行(列)只能放一个控件。这种布局比较常用,也比较简单,就是每个元素占一行,当然也可能声明为横向排放,也就是每个元素占一列。

    LinearLayout按照垂直或者水平的顺序依次排列子元素,每一个子元素都位于前一个元素之后。如果是垂直排列,那么将是一个N行单列的结构,每一行只会有一个元素,而不论这个元素的宽度为多少;如果是水平排列,那么将是一个单行N列的结构。如果搭建两行两列的结构,通常的方式是先垂直排列两个元素,每一个元素里再包含一个LinearLayout进行水平排列。

    LinearLayout中的子元素属性android:layout_weight生效,它用于描述该子元素在剩余空间中占有的大小比例。加入一行只有一个文本框,那么它的默认值就为0,如果一行中有两个等长的文本框,那么他们的android:layout_weight值可以是同为1。如果一行中有两个不等长的文本框,那么他们的android:layout_weight值分别为1和2,那么第一个文本框将占据剩余空间的三分之二,第二个文本框将占据剩余空间中的三分之一。android:layout_weight遵循数值越小,重要度越高的原则。

    2.Relative Layout,相对布局,其子控件是根据所设置的参照控件来进行布局的,设置的参照控件可以是父控件,也可以使其他的子控件。

    RelativeLayout按照各子元素之间的位置关系完成布局。在此布局中的子元素里与位置相关的属性将生效。例如android:layout_below,  android:layout_above, android:layout_centerVertical等。注意在指定位置关系时,引用的ID必须在引用之前,先被定义,否则将出现异常。

    RelativeLayout是Android五大布局结构中最灵活的一种布局结构,比较适合一些复杂界面的布局。

    3.AbsoluteLayout,绝对位置布局,可以直接指定子控件的绝对位置(例如: android:layout_x="60px" android:layout_y="32px" ),这种布局简单直接,但是由于手机的分辨率大小不统一,绝对布局的适应性比较差。

      在此布局中的子元素的android:layout_x和android:layout_y属性将生效,用于描述该子元素的坐标位置。屏幕左上角为坐标原点(0,0),第一个0代表横坐标,向右移动此值增大,第二个0代表纵坐标,向下移动,此值增大。在此布局中的子元素可以相互重叠。在实际开发中,通常不采用此布局格式,因为它的界面代码过于刚性,以至于有可能不能很好的适配各种终端。

    4.FrameLayout,单帧布局,所有控件都放置在屏幕左上角(0,0),可以放多个控件,但是会按控件定义的先后顺序依次覆盖,后一个会直接覆盖在前一个之上显示,如果后放的比之前的大,会把之前的全部盖住(类似于一层层的纸张)。
      FrameLayout是五大布局中最简单的一个布局,可以说成是层布局方式。在这个布局中,整个界面被当成一块空白备用区域,所有的子元素都不能被指定放置的位置,它们统统放于这块区域的左上角,并且后面的子元素直接覆盖在前面的子元素之上,将前面的子元素部分和全部遮挡。如下,第一个TextView被第二个TextView完全遮挡,第三个TextView遮挡了第二个TextView的部分位置。

    5.TableLayout,表格布局,是以行列的形式来管理子控件的,在表格布局中的每一行可以是一个View控件或者是一个TableRow控件。而TableRow控件中还可以添加子控件。

      适用于N行N列的布局格式。一个TableLayout由许多TableRow组成,一个TableRow就代表TableLayout中的一行。

      TableRow是LinearLayout的子类,ablelLayout并不需要明确地声明包含多少行、多少列,而是通过TableRow,以及其他组件来控制表格的行数和列数, TableRow也是容器,因此可以向TableRow里面添加其他组件,没添加一个组件该表格就增加一列。如果想TableLayout里面添加组件,那么该组件就直接占用一行。在表格布局中,列的宽度由该列中最宽的单元格决定,整个表格布局的宽度取决于父容器的宽度(默认是占满父容器本身)。

      TableLayout继承了LinearLayout,因此他完全可以支持LinearLayout所支持的全部XML属性,除此之外TableLayout还支持以下属性:

           XML属性                                       相关用法                                                    说明

      1. andriod:collapseColumns           setColumnsCollapsed(int ,boolean)       设置需要隐藏的列的序列号,多个用逗号隔开

      2.android:shrinkColumns              setShrinkAllColumns(boolean)                 设置被收缩的列的序列号,多个用逗号隔开

      3.android:stretchColimns             setSretchAllColumnds(boolean)               设置允许被拉伸的列的序列号,多个用逗号隔开

    6.其他布局(隶属关系请看上图)

    1)列表视图(List View)

      List View是可滚动的列表。以列表的形式展示具体内容,并且能够根据数据的长度自适应显示。

          具体应用请看:用法一  http://www.cnblogs.com/allin/archive/2010/05/11/1732200.html

             用法二  http://blog.csdn.net/koupoo/article/details/7018727 

    2)网格视图(Grid View)

      Grid View一个ViewGroup以网格显示它的子视图(view)元素,即二维的、滚动的网格。

      具体应用查看:http://www.cnblogs.com/linzheng/archive/2011/01/19/1938760.html

    3)标签布局(Tab Layout)

      以标签的方式显示它的子视图元素,就像在Firefox中的一个窗口中显示多个网页一样。为了狂创建一个标签UI(tabbed UI),需要使用到TabHost和TabWidget。TabHost必须是布局的根节点,它包含为了显示标签的TabWidget和显示标签内容的FrameLayout。

      具体应用查看:http://www.cnblogs.com/devinzhang/archive/2012/01/18/2325887.html

    RelativeLayout用到的一些重要的属性: 

        第一类:属性值为true或false 
        android:layout_centerHrizontal  水平居中 
         android:layout_centerVertical   垂直居中 
        android:layout_centerInparent    相对于父元素完全居中 
        android:layout_alignParentBottom 贴紧父元素的下边缘 
        android:layout_alignParentLeft   贴紧父元素的左边缘 
        android:layout_alignParentRight  贴紧父元素的右边缘 
        android:layout_alignParentTop    贴紧父元素的上边缘 
        android:layout_alignWithParentIfMissing  如果对应的兄弟元素找不到的话就以父元素做参照物 

        第二类:属性值必须为id的引用名“@id/id-name” 
        android:layout_below      在某元素的下方 
        android:layout_above      在某元素的的上方 
        android:layout_toLeftOf   在某元素的左边 
        android:layout_toRightOf  在某元素的右边 

        android:layout_alignTop   本元素的上边缘和某元素的的上边缘对齐 
        android:layout_alignLeft  本元素的左边缘和某元素的的左边缘对齐 
        android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐 
        android:layout_alignRight  本元素的右边缘和某元素的的右边缘对齐 

        第三类:属性值为具体的像素值,如30dip,40px 
        android:layout_marginBottom              离某元素底边缘的距离 
        android:layout_marginLeft                   离某元素左边缘的距离 
        android:layout_marginRight                 离某元素右边缘的距离 
        android:layout_marginTop                   离某元素上边缘的距离 


    EditText的android:hint 设置EditText为空时输入框内的提示信息。 

    android:gravity属性是对该view 内容的限定.比如一个button 上面的text.  你可以设置该text 在view的靠左,靠右等位置.以button为例,android:gravity="right"则button上面的文字靠右 

    android:layout_gravity 
    android:layout_gravity是用来设置该view相对与起父view 的位置.比如一个button 在linearlayout里,你想把该button放在靠左、靠右等位置就可以通过该属性设置.以button为例,android:layout_gravity="right"则button靠右 

    android:layout_alignParentRight 
    使当前控件的右端和父控件的右端对齐。这里属性值只能为true或false,默认false。 

    android:scaleType是控制图片如何resized/moved来匹对ImageView的size。

    ImageView.ScaleType / android:scaleType值的意义区别: 

    CENTER /center  按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示 

    CENTER_CROP / centerCrop  按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽) 

    CENTER_INSIDE / centerInside  将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽 

    FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度,居中显示 

    FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置 

    FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置 

    FIT_XY / fitXY  把图片不按比例扩大/缩小到View的大小显示 

    MATRIX / matrix 用矩阵来绘制,动态缩小放大图片来显示。 

    ** 要注意一点,Drawable文件夹里面的图片命名是不能大写的。

     1.EditText默认不弹出软件键盘

      方法一:

      在 AndroidMainfest.xml中选择哪个activity,设置windowSoftInputMode属性为 adjustUnspecified|stateHidden

      android:windowSoftInputMode="adjustUnspecified|stateHidden"

      方法二:

      让 EditText失去焦点,使用EditText的clearFocus方法

      edit.clearFocus();

      方法三:

      强制隐藏Android输入法窗口

      例如:EditText edit=(EditText)findViewById(R.id.edit);

      InputMethodManager imm = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE);

      imm.hideSoftInputFromWindow(edit.getWindowToken(),0);

      2.EditText始终不弹出软件键盘

      例:EditText edit=(EditText)findViewById(R.id.edit);

      edit.setInputType(InputType.TYPE_NULL);

      Button 继承自 VIEW , VIEW 有的属性它都能用

    注意事项:

      1 、各布局不要乱用各自的属性。比如把属于 AbsoluteLayout 布局的android:layout_x和android:layout_y用到 LinearLayout 布局或 RelativeLayout 布局,或者把 RelativeLayout 布局的 below , rightof 等属性应用到其他布局中。这样做虽然不会报错,但这是白浪费感情的工作,根本达不到我们需要的效果。

      2 、关于android:layout_width="fill_parent" 和 android:layout_height="wrap_content" ,这是对每个布局宽和高的设置。 wrap_content 可表示随着其中控件的不同而改变这个布局的宽度或高度,类似于自动设置宽和高, fill_parent 使布局填充整个屏幕,另外还有一种 match_parent ,它本质上和 fill_parent 一样,并从 API Level8 开始替代 fill_parent 。

      TextView 的属性 :

      android:autoLink //设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接。可选值(none/web /email/phone/map/all)

      android:autoText //如果设置,将自动执行输入值的拼写纠正。此处无效果,在显示输入法并输入的时候起作用

      android:bufferType //指定getText()方式取得的文本类别。选项editable 类似于StringBuilder可追加字符,也就是说getText后可调用append方法设置文本内容。spannable 则可在给定的字符区域使用样式

      android:capitalize //设置英文字母大写类型。此处无效果,需要弹出输入法才能看得到,参见EditView此属性说明

      android:cursorVisible //设定光标为显示/隐藏,默认显示

      android:digits //设置允许输入哪些字符。如“1234567890.+-*/% ()”

      android:drawableBottom //在text的下方输出一个drawable,如图片。如果指定一个颜色的话会把text的背景设为该颜色,并且同时和background使用时覆盖后者

      android:drawableLeft //在text的左边输出一个drawable,如图片

      android:drawablePadding //设置text与drawable(图片)的间隔,与drawableLeft、 drawableRight、drawableTop、drawableBottom一起使用,可设置为负数,单独使用没有效果

      android:drawableRight //在text的右边输出一个drawable

      android:drawableTop //在text的正上方输出一个drawable

      android:editable //设置是否可编辑

      android:editorExtras //设置文本的额外的输入数据

      android:ellipsize //设置当文字过长时,该控件该如何显示。有如下值设置:”start”—?省略号显示在开头;”end” ——省略号显示在结尾;”middle”—-省略号显示在中间;”marquee” ——以跑马灯的方式显示(动画横向移动)

      android:freezesText //设置保存文本的内容以及光标的位置

      android:gravity //设置文本位置,如设置成“center”,文本将居中显示

      android:hintText //为空时显示的文字提示信息,可通过textColorHint设置提示信息的颜色。此属性在 EditView中使用,但是这里也可以用

      android:imeOptions //附加功能,设置右下角IME动作与编辑框相关的动作,如actionDone右下角将显示一个“完成”,而不设置默认是一个回车符号。这个在EditView中再详细说明,此处无用

      android:imeActionId //设置IME动作ID

      android:imeActionLabel //设置IME动作标签

      android:includeFontPadding //设置文本是否包含顶部和底部额外空白,默认为true

      android:inputMethod //为文本指定输入法,需要完全限定名(完整的包名)。例如:com.google.android.inputmethod.pinyin,但是这里报错找不到

      android:inputType //设置文本的类型,用于帮助输入法显示合适的键盘类型。在EditView中再详细说明,这里无效果

      android:linksClickable //设置链接是否点击连接,即使设置了autoLink

      android:marqueeRepeatLimit //在ellipsize指定marquee的情况下,设置重复滚动的次数,当设置为 marquee_forever时表示无限次

      android:ems //设置TextView的宽度为N个字符的宽度。这里测试为一个汉字字符宽度

      android:maxEms //设置TextView的宽度为最长为N个字符的宽度。与ems同时使用时覆盖ems选项

      android:maxLength //限制显示的文本长度,超出部分不显示

      android:lines //设置文本的行数,设置两行就显示两行,即使第二行没有数据

      android:maxLines //设置文本的最大显示行数,与width或者layout_width结合使用,超出部分自动换行,超出行数将不显示

      android:minLines //设置文本的最小行数,与lines类似

      android:lineSpacingExtra //设置行间距

      android:lineSpacingMultiplier //设置行间距的倍数。如”$2

      android:numeric //如果被设置,该TextView有一个数字输入法。此处无用,设置后唯一效果是TextView有点击效果,此属性在EdtiView将详细说明

      android:password //以小点”.”显示文本 android:phoneNumber设置为电话号码的输入方式

      android:privateImeOptions //设置输入法选项,此处无用,在EditText将进一步讨论

      android:scrollHorizontally //设置文本超出TextView的宽度的情况下,是否出现横拉条

      android:selectAllOnFocus //如果文本是可选择的,让他获取焦点而不是将光标移动为文本的开始位置或者末尾位置。TextView中设置后无效果

      android:shadowColor //指定文本阴影的颜色,需要与shadowRadius一起使用

      android:shadowDx //设置阴影横向坐标开始位置

      android:shadowDy //设置阴影纵向坐标开始位置

      android:shadowRadius //设置阴影的半径。设置为0.1就变成字体的颜色了,一般设置为3.0的效果比较好

      android:singleLine //设置单行显示。如果和layout_width一起使用,当文本不能全部显示时,后面用“…”来表示。如android:text="test_ singleLine " android:singleLine="true" android:layout_width="20dp"将只显示“t…”。如果不设置singleLine或者设置为false,文本将自动换行 android:text设置显示文本. android:textAppearance设置文字外观。如 “?android:attr/textAppearanceLargeInverse”这里引用的是系统自带的一个外观,?表示系统是否有这种外观,否则使用默认的外观。可设置的值如下:textAppearanceButton/textAppearanceInverse /textAppearanceLarge/textAppearanceLargeInverse/textAppearanceMedium/textAppearanceMediumInverse/textAppearanceSmall/textAppearanceSmallInverse

      android:textColor //设置文本颜色

      android:textColorHighlight //被选中文字的底色,默认为蓝色

      android:textColorHint //设置提示信息文字的颜色,默认为灰色。与hint一起使用。

      android:textColorLink //文字链接的颜色.

      android:textScaleX //设置文字之间间隔,默认为$2。

      android:textSize //设置文字大小,推荐度量单位”sp”,如”15sp”

      android:textStyle //设置字形[bold(粗体) 0, italic(斜体) 1, bolditalic(又粗又斜) 2] 可以设置一个或多个,用“|”隔开

      android:typeface //设置文本字体,必须是以下常量值之一:normal 0, sans 1, serif 2, monospace(等宽字体) 3]

      android:height //设置文本区域的高度,支持度量单位:px(像素)/dp/sp/in/mm(毫米)

      android:maxHeight //设置文本区域的最大高度

      android:minHeight //设置文本区域的最小高度

      android:width //设置文本区域的宽度,支持度量单位:px(像素)/dp/sp/in/mm(毫米),与layout_width 的区别看这里

      android:maxWidth //设置文本区域的最大宽度

      android:minWidth //设置文本区域的最小宽度 android布局属性详解 RelativeLayout用到的一些重要的属性:第一类:属性值为true或false

      android:layout_centerHrizontal //水平居中

      android:layout_centerVertical //垂直居中

      android:layout_centerInparent //相对于父元素完全居中

      android:layout_alignParentBottom //贴紧父元素的下边缘

      android:layout_alignParentLeft //贴紧父元素的左边缘

      android:layout_alignParentRight //贴紧父元素的右边缘

      android:layout_alignParentTop //贴紧父元素的上边缘

      android:layout_alignWithParentIfMissing //如果对应的兄弟元素找不到的话就以父元素做参照物 第二类:属性值必须为id的引用名“@id/id-name”

      android:layout_below //在某元素的下方

      android:layout_above //在某元素的的上方

      android:layout_toLeftOf //在某元素的左边

      android:layout_toRightOf //在某元素的右边

      android:layout_alignTop //本元素的上边缘和某元素的的上边缘对齐

      android:layout_alignLeft //本元素的左边缘和某元素的的左边缘对齐

      android:layout_alignBottom //本元素的下边缘和某元素的的下边缘对齐

      android:layout_alignRight //本元素的右边缘和某元素的的右边缘对齐 第三类:属性值为具体的像素值,如30dip,40px

      android:layout_marginBottom //离某元素底边缘的距离

      android:layout_marginLeft //离某元素左边缘的距离

      android:layout_marginRight //离某元素右边缘的距离

      android:layout_marginTop //离某元素上边缘的距离 EditText的android:hint 设置EditText为空时输入框内的提示信息

      android:gravity //属性是对该view 内容的限定

  • 相关阅读:
    消息中间件介绍
    【蓝桥每日一题]-贪心(保姆级教程 篇1)#拼数 #合并果子 #凌乱yyy
    【SpringBoot】SpringBoot:构建实时聊天应用
    基础算法(二)#蓝桥杯
    编写中间件以用于 Express 应用程序
    云里黑白第十九回——我们无法判断你的电脑是否已准备好继续安装Windows 10
    直播带货APP开发指南:从创意到实现
    Android 12(S) 图像显示系统 - 解读Gralloc架构及GraphicBuffer创建/传递/释放(十四)
    基于vue springboot的前后端分离的化妆品商城
    为什么标准库的模板变量都是inline的
  • 原文地址:https://blog.csdn.net/cqn2bd2b/article/details/127166771