`
hmeng
  • 浏览: 15772 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

Android界面布局

阅读更多
     这几天手机安卓开发的学习,让我更加感受到了JAVA的魅力。
     了解掌握了安卓开发软件的使用,接下来关键的第一步就是设计界面了。
     界面设计包括布局和组件,组件按布局要求排列形成界面,而安卓的布局有以下五大布局:
【1】FrameLayout 框架布局,是布局文件中默认的最简单的布局。
   所有添加到这个布局中的视图都以层叠的方式显示,且组件均显示在屏幕的左上角。第一个添加的控件被放在最底层,最后一个添加到框架布局中的视图显示在最顶层,上一层的控件会覆盖下一层的控件。在非常简单的界面中常用。

【2】LinearLayout 线性布局
   在一个方向上(垂直或水平)对齐所有子元素,一个垂直列表每行将只有一个子元素(无论它们有多宽),一个水平列表只是一列的高度(最高子元素的高度来填充)。是常用的布局。
垂直线性布局:android:orientation="vertical"
水平线性布局:android:orientation="horizontal"
两者可嵌套使用。
例如:一个登录界面

<!--总体布局设计为垂直线性布局-->
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<!--嵌套水平布局,放置文本框和数字输入框-->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/text_username"/>
<EditText 
android:id="@+id/editUserName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="number" />
</LinearLayout>

<!--嵌套水平布局,放置文本框和密码输入框-->
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<TextView 
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/text_password" />
<EditText 
android:id="@+id/editPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPassword"/>
</LinearLayout>

<!--登录按钮-->
<Button 
android:id="@+id/btnLogin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/btn_login" />
</LinearLayout>


【3】RelativeLayout 相对布局
相对布局的子控件会根据它们所设置的参照控件和参数进行相对布局。参照控件可以是父控件,也可以是其它子控件,但是被参照的控件必须要在参照它的控件之前定义。个人觉得这种布局和线性布局比较好用,可常用到。
例如:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.ttkupao.MainActivity"
    tools:ignore="MergeRootFrame" >
<ImageButton
    android:id="@+id/jump"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:background="@drawable/touch2" 
    android:onClick="click"/>
<ImageButton
    android:id="@+id/down"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:background="@drawable/touch" 
    android:onClick="click"/>
</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                   离某元素上边缘的距离

【4】TableLayout(表格布局)
表格布局模型以行列的形式管理子控件,每一行为一个TableRow的对象,当然也可以是一个View的对象。TableRow可以添加子控件,每添加一个为一列,子组件全部按照水平线性排列,并且宽(match parent)高(wrap parent)一致,这样所有组件就像是排列在一个表格中,单元格可以为空,但是不可以跨列

【5】AbsoluteLayout(绝对布局)
android:layout_x="Xdp", android:layout_x="Xdp"指定组件的位置,即子控件需要指定相对于此坐标布局的横纵坐标值。由于手机应用需要适应不同的屏幕大小,而这种布局模型不能自适应屏幕尺寸大小,所以应用的相对较少。

具体的布局设计需要根据具体情况来设计,线性布局和相对布局是最常用到的。另外绘图的组件View或surfaceView若需要显示在其他组件之下,可在其他组件之前添加,否则可能被其他组件覆盖。
1
1
分享到:
评论
1 楼 crazy_runcheng 2014-08-05  
不错啊= 0 =学习了 希望博主继续发有关Android的学习经验

相关推荐

    android界面布局详解

    本文将深入探讨Android界面布局的各个方面。 1、用户界面及视图层次 Android用户界面主要由View和ViewGroup对象构建。View对象是基本的UI组件,如按钮、文本框等,它们都继承自View类。ViewGroup则是布局的基类,...

    使用代码编写Android界面布局源代码

    本主题将深入探讨如何使用代码编写Android界面布局源代码,以帮助开发者更好地理解和实践这一过程。 首先,Android界面通常由XML布局文件定义,但也可以通过编程方式动态创建。这种方式适用于那些需要在运行时根据...

    android界面布局

    ### Android界面布局详解 #### 一、概述 在Android应用开发过程中,良好的用户界面设计至关重要。界面布局作为UI设计的基础,决定了应用外观的美观度和交互的流畅度。本文将详细介绍Android界面布局中的五种主要...

    Android界面布局详解

    ### Android界面布局详解 在Android应用开发中,创建直观且响应迅速的用户界面(UI)是至关重要的。本文将深入探讨Android系统提供的五种基本布局类型:LinearLayout(线性布局)、TableLayout(表格布局)、...

    设计android界面布局实用教案.pptx

    "设计Android界面布局实用教案" Android界面布局是Android应用程序的重要组成部分,决定了应用程序的外观和用户体验。在设计Android界面布局时,需要考虑到布局的美观性、易用性和性能。下面将详细介绍Android界面...

    android 界面布局开发实例

    本实例专注于Android界面布局的开发,对于初学者来说是一个非常实用的起点。通过这个实例,你可以学习到如何创建、设计和管理Android应用的用户界面。 在Android中,布局通常由XML文件定义,这些文件位于项目的res/...

    Android界面布局程序

    总的来说,Android界面布局的多样性为开发者提供了丰富的设计可能性。理解并熟练掌握这些布局类型及其组件的使用,是构建高质量Android应用的基础。通过不断的实践和学习,开发者可以创造出既美观又实用的用户界面,...

    android界面布局工具以及资料

    本文将深入探讨Android界面布局工具及其相关资料,帮助开发者们创建美观、功能丰富的用户界面。 首先,我们要了解Android界面布局的基础。Android界面主要通过XML文件来定义,这些文件通常位于项目的res/layout目录...

    android界面布局设计

    "Android界面布局设计"这个主题涵盖了如何创建、管理和优化Android应用的视觉结构。在这个领域,开发者使用XML来定义各种组件的位置和交互方式,使得用户可以与之进行有效沟通。Android提供了多种布局类型,每种都有...

    android界面布局droiddraw的使用和文件

    Android界面布局通常由XML文件定义,这些文件描述了屏幕上的各个组件(如按钮、文本视图等)的位置、大小和相互关系。DroidDraw提供了一个图形化的用户界面,使得开发者无需手动编写XML代码就能构建布局。下面将详细...

    设计android界面布局PPT学习教案.pptx

    首先,设计Android界面布局可以采用XML或Java代码的方式。在某些情况下,使用代码创建布局更为灵活,尽管它可能比XML更复杂。例如,通过Java代码创建布局涉及创建组件对象、布局参数对象、布局本身,然后将组件添加...

    设计android界面布局学习教案.pptx

    设计android界面布局学习教案.pptx

    安卓Android源码——UI界面源码.zip

    例如,`activity_main.xml`可能是一个应用的主要界面布局。 3. **自定义View**:除了系统提供的View之外,开发者可以创建自定义View,以满足特定的界面需求。自定义View通常需要扩展已有的View或ViewGroup类,并...

    最新最实用的android菜单界面布局

    "最新最实用的android菜单界面布局"指的是采用最新的设计趋势和技术,优化用户体验的Android应用菜单布局。这样的设计不仅能提升应用的美观度,还能提高用户的交互效率。下面我们将深入探讨Android菜单界面布局的...

    Android 界面布局

    Android界面布局的目的是为了合理利用屏幕空间,并能适配多种屏幕。我们可以利用布局来设计各个控件的位置排布。 Android提供了6种基本布局类:帧布局(FrameLayout)、线性布局(LinearLayout)、绝对布局...

    界面布局实例

    在Android开发中,界面布局是构建用户交互界面的关键部分,它定义了应用中各个组件的排列方式和相互关系。本实例将深入探讨如何创建和管理一个简单的界面布局。我们将主要关注以下几个方面: 1. **XML布局文件**:...

Global site tag (gtag.js) - Google Analytics