原文地址:http://blog.sina.com.cn/s/blog_694448320100l3dg.html
andoid的UI组件学习,首先需要需要学习组件的布局,各种组件均必须放到布局里面,才可以显示,下面就记录下几种常用的布局:
1、LinearLayout(线形布局)
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
</LinearLayout>
属性介绍:
android:orientation="vertical" 表示这个布局里面的组件子元素都是上下垂直的摆放
android:orientation="horizontal" 表示这个布局里面的组件子元素都是左右水平的摆放
android:layout_width="fill_parent" 表示布局的面板的宽度占满屏幕
android:layout_height="fill_parent" 表示布局的面板的高度占满屏幕
2、RelativeLayout(相对布局)
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:background="@drawable/blue" android:padding="10dip">
<TextView android:id="@+id/label" android:layout_width="fill_parent"
android:layout_height="wrap_content" android:text="请输入用户名:" />
<!--
这个EditText放置在上边id为label的TextView的下边
-->
<EditText android:id="@+id/entry" android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@android:drawable/editbox_background"
android:layout_below="@id/label" />
<!--
取消按钮和容器的右边齐平,并且设置左边的边距为10dip
-->
<Button android:id="@+id/cancel" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_below="@id/entry"
android:layout_alignParentRight="true"
android:layout_marginLeft="10dip" android:text="取消" />
<!--
确定按钮在取消按钮的左侧,并且和取消按钮的高度齐平
-->
<Button android:id="@+id/ok" android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/cancel"
android:layout_alignTop="@id/cancel" android:text="确定" />
</RelativeLayout>
属性介绍:
android:layout_below="@id/label" 表示将该元素至于id为label的的组件的下面
android:layout_marginLeft="10dip" 表示改元素里左边的边距为10PX;
android:layout_alignTop="@id/cancel" 表示将顶部与id为cancel的组件的顶部对齐
android:layout_alignParentRight="true" 表示该组件永远都放置于右边
android:layout_toLeftOf="@id/cancel" 表示该组件位于id为cancel的左边
TableLayout(表格布局)
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:stretchColumns="1" android:strechColumns="0,1,2,3">
<TableRow>
<TextView android:text="用户名:" android:textStyle="bold"
android:gravity="right" android:padding="3dip" />
<EditText android:id="@+id/username" android:padding="3dip"
android:scrollHorizontally="true" />
</TableRow>
<TableRow>
<TextView android:text="登录密码:" android:textStyle="bold"
android:gravity="right" android:padding="3dip" />
<EditText android:id="@+id/password" android:password="true"
android:padding="3dip" android:scrollHorizontally="true" />
</TableRow>
<TableRow android:gravity="right">
<Button android:id="@+id/cancel"
android:text="取消" />
<Button android:id="@+id/login"
android:text="登录" />
</TableRow>
</TableLayout>
属性说明:
<TableLayou>是顶级元素,说明采用的是表格布局
<TableRow>定义一个行
<TextView>定义一个单元格的内容
android:gravity="right" 表示文字对齐方式
android:padding="3dip" 表示视图与视图内容之间的间隙距离
android:strechColumns="0,1,2,3" 表示每行都由"0123"列占满空白空间
暂时先写这么多,接下来我会接着增加的
分享到:
相关推荐
本文将深入探讨Android布局的各种类型及其使用方法,旨在帮助开发者更好地理解和掌握Android应用的UI设计。 首先,我们来了解Android中的基本布局类型: 1. **线性布局(LinearLayout)**:这是最基础的布局,它...
在Android应用开发中,布局(Layout)是构建用户界面的核心元素。它定义了屏幕上控件的排列方式和相互关系。本篇文章将详细讲解Android中的五种主要布局:...在实践中不断探索,你会发现Android布局设计的乐趣与魅力。
在Android开发中,界面布局是构建用户界面的关键部分。它决定了应用中各个组件的位置和排列方式,从而影响用户体验。本文将深入探讨Android界面布局的各个方面。 1、用户界面及视图层次 Android用户界面主要由View...
【Android布局文件详解】 在Android应用开发中,界面设计是一个至关重要的环节,而XML格式的布局文件正是构建这些界面的核心工具。布局文件定义了应用程序界面的结构,包括它所包含的控件、控件间的相对位置以及...
线性布局是最简单的布局之一,它可以将子视图以水平或垂直的方式排列。主要属性包括: - `android:orientation="horizontal"`:设置线性布局为水平方向。 - `android:orientation="vertical"`:设置线性布局为垂直...
下面我们将详细探讨Android布局及其在实际应用中的使用。 Android支持多种布局管理器,每种都有其特定的用途: 1. **线性布局(LinearLayout)**:这是最基础的布局,可以将子视图水平或垂直排列。通过设置`...
在Android开发中,布局...通过下载并研究"android框架布局demo",你将有机会亲手实践这些概念,进一步加深对Android布局管理的理解,并提高你的应用开发技能。记得不断探索和尝试,让自己的应用界面更加精美和高效。
在Android开发中,自定义布局是提升应用独特性和用户体验的重要手段。`CircleLayout`就是一种特殊的自定义...通过学习和理解这个例子,开发者可以更好地掌握自定义布局的原理,从而在项目中创造出更多独特的界面效果。
在Android应用开发中,卡片布局(Card View)是一种常见的UI设计模式,用于呈现信息块,使其看起来像一张张卡片,以此提升用户体验并增加界面的视觉吸引力。卡片布局通常包含一个标题、内容以及可能的附加信息,如...
本资源"Android优秀布局demo_珍贵学习资料"提供了一组精心设计的布局示例,旨在帮助开发者提升Android UI设计的能力。下面将详细探讨这些布局及其在实际开发中的应用。 一、线性布局(LinearLayout) 线性布局是最...
在Android开发中,门票布局效果通常是指通过自定义布局或者使用特定的UI组件来实现一种类似于实际门票的视觉效果。这种效果可能包括了门票的边框、阴影、纹理、文字排版等多种元素,旨在增强应用的用户体验和界面...
Android Tablayout 自定义Tab布局的使用案例 Android Tablayout 是 Android 设计库中的一部分,主要用于实现标签页功能...通过本文,我们可以了解到 Android Tablayout 的使用方法,并学习如何实现自定义的 Tab 布局。
总的来说,处理Android中超出布局点击失效的问题,需要对事件传递机制有深入的理解,并可能涉及到自定义ViewGroup、使用TouchDelegate或调整布局结构。通过学习和实践这些解决方案,开发者可以提高应用的用户体验,...
相对布局,相比之下更为复杂,但提供了更高级的对齐和定位选项。在相对布局中,子视图的位置相对于其他子视图或父布局的边缘来确定,通过`android:layout_alignParentTop`、`android:layout_toRightOf`等属性实现。...
本教程将深入探讨Android布局的各个方面,帮助开发者掌握创建高效、可扩展且美观的用户界面的技巧。 首先,我们来了解Android布局的基础知识。Android提供了多种布局类型,每种都有其特定的用途: 1. **线性布局...
总结,`ConstraintLayout`以其灵活性和高效性,已经成为Android开发中的首选布局之一。通过理解和熟练运用以上知识点,开发者可以创建出更加精美且适应性强的用户界面。不断学习和实践,将有助于提升Android应用的...
本篇将探讨Android的五大布局案例,分别是线性布局(LinearLayout)、相对布局(RelativeLayout)、帧布局(FrameLayout)、网格布局(GridLayout)以及约束布局(ConstraintLayout)。这些布局各有特点,适用于不同...
本篇文章将深入探讨Android布局的相关知识点,包括布局的基本概念、类型、设计原则以及如何通过源码理解和优化布局性能。 ### 1. 基本概念 布局是XML文件,通常位于`res/layout`目录下,用于定义UI组件(如按钮、...
这两个方法是Android布局管理的核心,它们负责计算视图的尺寸和位置。 2. **测量过程**: 在onMeasure()方法中,我们需要遍历所有子视图,根据每个子视图的宽度和当前行剩余空间来决定是否换行。如果当前子视图...
在Android开发中,布局管理器是构建用户界面的关键部分,它们决定了应用中各个视图...动手实践是学习Android布局的最佳途径,尝试修改和调整布局参数,观察它们如何影响界面显示,这将有助于加深对这两种布局的理解。