Android app 界面布局Word格式.docx

Android app 界面布局Word格式.docx

《Android app 界面布局Word格式.docx》由会员分享，可在线阅读，更多相关《Android app 界面布局Word格式.docx（18页珍藏版）》请在冰豆网上搜索。

，"

提交"

的按钮，中间是必须居中的几个字，一般都是标题名称。

仿佛标题内容的背景坐拥左右两位美女般的按钮。

方法：

主要使用FrameLayout布局

素材：

、

layout代码：

<

?

xmlversion="

1.0"

encoding="

utf-8"

>

FrameLayoutxmlns:

android="

android:

layout_width="

fill_parent"

layout_height="

wrap_content"

background="

@drawable/layout01_bg"

paddingLeft="

10dip"

paddingRight="

>

<

Buttonandroid:

layout_gravity="

left|center_vertical"

@drawable/layout01_tool"

text="

padding="

8dip"

/>

TextViewandroid:

center"

标题内容"

textSize="

18dip"

textColor="

#000000"

right|center_vertical"

前进"

/FrameLayout>

模型二：

水平三列双耳式

水平三列，两边分别是"

的按钮，中间是几个字，这几个字可以居左，居中，居右，而不与两边的按钮重叠。

此模型和坐拥式模型相似，但是中间的部分不是把左右按钮坐拥入怀，而是单独占据，且也只占据中间部分。

这种模型能够实现坐拥式模型的效果，而且能偏左偏右而不和两边按钮重叠。

但是因为这种情况使用RelativeLayout布局比较好，需要定义ID，稍微麻烦了一点点。

主要是RelativeLayout布局

同上

!

--这种布局：

缺点是代码还算简洁，但是比坐拥式要稍微复杂一点

有点是比坐拥式更强大，更灵活

-->

RelativeLayoutxmlns:

id="

@+id/left_button"

layout_alignParentLeft="

true"

layout_centerVertical="

返回列表"

@+id/right_button"

layout_alignParentRight="

评论"

--设置LeftOf和RightOf，可填充中间空余部分-->

layout_toRightOf="

@id/left_button"

layout_toLeftOf="

@id/right_button"

gravity="

left"

5dip"

资讯>

正文"

/RelativeLayout>

关于这个模型，我补充一点，很多人认为这个用LinearLayout布局，设置两边的控件居左居右，中间的设置layout_gravity想偏左就偏左，想偏右就偏右。

但是，LinearLayout布局方向为"

horizontal"

layout_gravity是无效的。

模型三：

水平四列双耳互补式

两边是按钮，中间部分被两个控件互补式分割，主要是左边的会随内容填充，但是必须两者内容宽度之和不能大于中间部分。

这个和双耳式差不多，也说明了，双耳式在保证有空余空间的基础上，可以扩充到4列，5列等多列。

--双耳式在多列情况下的扩展式-->

--下面这个宽度是wrap_content,在左边按钮的右边，能够随内容加宽-->

@+id/center_text_01"

#aabbcc"

夫妇+小三"

--下面这个宽度是fill_parent,自动填充中间部分的空余空间，分别定义了左右依赖的控件，所以放在最后-->

@+id/center_text_02"

@id/center_text_01"

right"

#ccaabb"

何求"

模型四：

水平多列分摊式（增强版）

几大模块均占所有区域，之间以小小的分割线隔离。

因为分割线只占很小的部分，所有模块和分割线并不是分摊的，但是模块标题本身占据大头，他们之间是分摊的。

直接用LinearLayout布局，模块均摊，都设置layout_weight="

1"

，分割线不分摊，不设置layout_weight,默认自包裹，不延伸。

--此代码采用动态生成，只要稍加判断，效果一样-->

LinearLayoutxmlns:

25dip"

#ffffff"

首页"

layout_weight="

center_vertical"

ImageViewandroid:

src="

@drawable/layout04_split"

资讯"

/>

博客"

图片"

论坛"

/LinearLayout>

模型五：

垂直三行天地式

类似于水平三列双耳式，上下固定，中间自适应（自填充），不多说。

同水平三列双耳式，使用RelativeLayout布局

@+id/top_text"

android:

layout_alignParentTop="

上海车展"

LinearLayoutandroid:

@+id/bottom_linear"

layout_alignParentBottom="

#123456"

orientation="

上一张"

下一张"

--下面部分是中间主体部分，我特意用LinearLayout包裹起来，表示这里面可以填充其他任何组合的控件-->

@+id/center_linear"

layout_below="

@id/top_text"

layout_above="

@id/bottom_linear"

@drawable/shanhai"

模型六：

垂直三行弹簧式

这种模型很简单，类似于弹簧，最下面的一行能伸能屈，中间部分随内容固定。

类似于模式五。

--顶部-->

--顶部的下面是中间导航部分-->

layo