`
yezhiqiu-love
  • 浏览: 169839 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

androidUI 设计之一

阅读更多

ndroid有多种布局格式,这里只是详细介绍常用的五种格式。RelativeLayout、LinearLayout、 FrameLayout、AbsoluteLayout、TableLayout.。其中LinearLayout和RelativeLayout是最常 用的格式,他们可以通过xml配置文件进行布局。可以查看相关api:

 http://developer.android.com/reference/android/widget/package-summary.html

我这里这是简单介绍这五种格式.

image

 

1、FrameLayout

最简单的布局格式,他可以防止任何空件,但是都只能罗列到左上角,不能进行复杂的布局。

image  

可以明显的看到两个视图重叠到了一起。这种布局很少用到。

2、LinearLayout

LinearLayout以你为它设置的垂直或水平的属性值,来排列所有的子元素。所有的子元素都被堆放在其它元素之后,因此一个垂直列表的每一行只会有 一个元素,而不管他们有多宽,而一个水平列表将会只有一个行高.

可以进行复杂的布局的编排。他是线性的布局。

image

它可以排出相当复杂的界面,同时可以嵌套使用,所以大多数选择他来进行布局。

3、AbsoluteLayout

AbsoluteLayout 可以让子元素指定准确的x/y坐标值,并显示在屏幕上。AbsoluteLayout 没有页边框,允许元素之间互相重叠(尽管不推荐)。他是绝对坐标,所以在实际中不提倡使用。

image

4、RelativeLayout

RelativeLayout 允许子元素指定他们相对于其它元素或父元素的位置(通过ID 指定)。因此,你可以以右对齐,或上下,或置于屏幕中央的形式来 排列两个元素。元素按顺序排列,因此如果第一个元素在屏幕的中央,那么相对于这个元素的其它元素将以屏幕中央的相对位置来排列。这个是相对于 AbsoluteLayout 的,采用的相对坐标,所以在实际中比较常用。

image

5、TableLayout

TableLayout 将子元素的位置分配到行或列中。一个TableLayout 由许多的TableRow 组成,每个TableRow 都会定义一个 row 。TableLayout 容器不会显示row 、cloumns 或cell 的边框线。每个 row 拥有0个或多个的cell ;和html中的table查不多少。在实际中也经常使用。

image

 

通过上面的5中布局格式,可以嵌套使用,从而可以做出相当漂亮的界面UI。

上图的实例代码:

 https://easymorse.googlecode.com/svn/trunk/AndroidUiLayout

分享到:
评论

相关推荐

    android UI设计模式

    在Android用户界面开发领域,设计模式是一种可以帮助开发人员...总之,Android UI设计模式的掌握对于提高Android应用开发效率和应用质量都至关重要,开发者应该深入学习和理解这些模式,并结合自己的项目实际灵活应用。

    android UI界面设计

    Android UI 界面设计是一种基于 Android 平台的用户界面设计方法,旨在为用户提供简洁、美观、易用的界面设计体验。下面是 Android UI 界面设计的相关知识点: 一、UI 设计 9 要素 1. 为高分辨率的屏幕创建资源...

    android UI设计工具(谷歌发布的)

    描述中提到的“附件为我共享的一个谷歌自带UI设计工具 很强大 自带生成代码”,可能是指DroidDraw,这是一个早期的Android UI设计工具,允许开发者通过拖放的方式创建XML布局文件,然后导出为代码。尽管DroidDraw已...

    安卓Android源码——UI设计之 仿做蘑菇街UI设计 源码.zip

    "安卓Android源码——UI设计之 仿做蘑菇街UI设计 源码.zip" 提供了一个实战案例,通过模仿知名电商平台蘑菇街的UI设计,帮助开发者学习和理解如何在Android平台上构建美观、易用的界面。这份源码不仅包含了设计元素...

    Android UI设计之<十四>自定义ViewGroup,实现绚丽的仿支付宝咻一咻雷达脉冲效果

    Android UI设计之&lt;十四&gt;自定义ViewGroup,实现绚丽的仿支付宝咻一咻雷达脉冲效果,详见:http://blog.csdn.net/llew2011/article/details/52801147

    谷歌Android+UI设计技巧

    在Android平台上进行UI设计是一项关键任务,因为它直接影响到应用程序的用户体验和整体吸引力。这篇关于“谷歌Android+UI设计技巧”的资料共分为五个部分,旨在帮助开发者和设计师掌握提高Android应用界面美观度和...

    Android UI设计指南.pdf

    ### Android UI设计指南:图标设计原则与实践 #### 引言 在当今移动应用市场,良好的用户界面(UI)设计不仅是提升用户体验的关键,也是产品成功的重要因素之一。特别是在Android平台上,一套统一且专业的图标设计...

    android UI 各种小例子

    在Android开发中,UI设计是至关重要的一环,它关乎到应用程序的用户体验和视觉吸引力。本压缩包中的"android UI 各种小例子"为初学者提供了丰富的实践资源,旨在帮助开发者掌握基本的Android用户界面设计技巧。每个...

    Android应用源码之UI设计之 仿做蘑菇街UI设计 源码.rar

    在Android应用开发中,UI设计是一项至关重要的任务,它直接影响到用户的使用体验和产品的吸引力。本教程将通过分析“仿做蘑菇街UI设计”的源码,深入探讨Android UI设计的关键技术和实践方法。蘑菇街作为一款知名的...

    androidUI详解文档

    Android UI详解文档主要涵盖的是...综上所述,"androidUI详解文档"将详细介绍这些概念,通过Index.html和ChildPage中的内容,开发者可以深入学习和掌握Android UI设计的各个方面,从而创建出更高质量的应用程序。

    Android UI开发专题

    本次Android UI开发专题旨在深入探讨Android平台上UI设计的关键技术和实践方法。 #### 二、资源管理:`android.content.res.Resources` **1. 概述** `android.content.res.Resources`类在Android开发中扮演着...

    android ui基础教程

    本书旨在帮助读者掌握设计美观、高效且用户友好的Android应用界面所需的各项技能和知识,是Android UI设计领域的经典教程之一。 ### 一、Android UI设计的重要性 在当今高度竞争的移动应用市场中,用户界面(UI)的...

    Android UI设计

    Android UI设计内容简介: 创造一个统一外观,感觉完整的用户界面会增加你的产品附加价值。 精炼的图形风格也使用户觉得用户界面更加专业。 帮助你如何在应用界面的不同部分创造图标来匹配 Android 2.x框架下的普遍...

    Android UI开发专题之界面设计

    随着移动互联网技术的飞速发展,用户体验(User Experience, UX)成为了决定一款应用能否成功的关键因素之一。特别是在Android平台上,良好的用户界面(User Interface, UI)设计不仅能够提升用户体验,还能帮助...

    android UI 之 渐变效果

    在Android UI设计中,渐变效果是一种常见的视觉表现手法,它可以增强界面的美观性和动态感。本文将深入探讨Android中的渐变效果,包括线性渐变、径向渐变以及如何在代码中实现这些效果。 首先,我们来理解线性渐变...

    AndroidUI4.1设计原则

    - 推荐了如何将帮助文档融入应用的设计之中。 ##### 14. **兼容** - 指出了如何确保应用在不同版本的Android系统上运行良好。 ##### 15. **可操作性** - 提供了提高应用可访问性的指导。 ##### 16. **纯粹...

    android UI分析方法

    **哲学意义空间**:在此层面,需考虑的是Android UI设计所要传达的基本理念和价值观。例如,简洁直观、用户友好、响应迅速等原则,都是设计者在创造之初便已确立的目标。 **逻辑空间**:从逻辑层面出发,关注...

    android_UI布局设计.pdf

    在Android应用开发中,用户界面(User Interface, UI)设计是至关重要的环节之一。良好的UI不仅能够提升用户体验,还能增强应用的吸引力。本文旨在深入探讨Android UI布局设计的核心概念和技术,帮助开发者更好地理解...

    Android UI开发专题(一) 之界面设计

    Android UI设计涉及到四个核心包:`android.content.res`、`android.graphics`、`android.view`和`android.widget`。 `android.content.res`包包含了资源管理类,如Resources,用于加载应用中的图片、字符串、颜色...

Global site tag (gtag.js) - Google Analytics