• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

joy

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

用户界面——布局管理(相对布局、绝对布局、线性布局)

用户界面——布局管理(相对布局、绝对布局、线性布局)

理解布局对于良好的Android程序设计来说很重要。布局类似一个容器,里面装载很多空间以及设置这些控件的显示布局。布局里面还可以套用其他的布局。这样就可实现布局的多样化以及设计的灵活性。其在Android中位置如图所示:

 

ViewGroup类是布局和视图容器的基类,下面主要介绍有关View布局方式的类。他们都是直接或间接继承自ViewGroup类。

1、线性布局

   线性布局(Linear Layout):线性布局是最简单,Android开发者使用得最多的布局类型之一,开发者用它来组织你们的用户界面上的控件。线性布局的作用就像它的名字一样:它将控件组织在一个垂直(Horizontal) 或水平(Vertical) 的形式。当布局方向设置为垂直时,它里面的所有子控件被组织在同一列中;当布局方向设置为水平时,所有子控件被组织在一行中。

线性布局可以在XML布局资源文件中定义,也可以用Java代码在程序中动态的定义。下面即是分别利用 、 布局设计的界面:

   

 

 

2    、绝对布局

绝对布局(Absolute Layout):ViewGroup以绝对方式显示他的子视图元素,即以坐标方式来定位子视图在屏幕上位置。屏幕的左上角为坐标O(0,0)。

设置元素位置的属性:

Android:layout_x=”###px”;

Android:layout_y=”###px”;

3、 相对布局

相对布局(Relative Layout):一个控件的位置它决定于它和其他控件的关系,比较灵活,但掌握比较复杂。

下面介绍一下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 离某元素上边缘的距离

 

 

 

 

常用的一些属性说明

    android:id  --- 为控件指定相应的ID

    android:text --- 指定控件当中显示的文字,需要注意的是,这里尽量使用strings.xml文件当中的字符串

    android:grivity --- 指定控件的基本位置,比如说居中,居右等位置 这里指的是控件中的文本位置并不是控件本身。

    android:textSize --- 指定控件当中字体的大小

    android:background --- 指定该控件所使用的背景色,RGB命名法

  android:width --- 指定控件的宽度

  android:height --- 指定控件的高度

  android:padding* --- 指定控件的内边距,也就是说控件当中的内容

    android:sigleLine --- 如果设置为真的话,则控件的内容在同一行中进行显示

 

第一类:属性值为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  本元素的右边缘和某元素的的右边缘对齐

 

    第三类:属性值为具体的像素值,如android:layout_marginLeft="10dip"

 

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

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

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

    android:layout_marginTop                   离某元素上边缘的距离

 

 

 

posted on 2012-06-25 13:15  joy  阅读(1384)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3