上中下布局,上下高度指定,中间自适应(左中右同理)

采用相对布局,下面的View设置属性layout_alignParentBottom:true,放在底部,

中间的View需要分别设置

android:layout_above=""
android:layout_below=""

这样中间的View就自动填充中间剩下的部分,并且它的高度属性失效.

效果图:

布局文件:

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:background="@drawable/bg_2"
 6     android:orientation="vertical" >
 7
 8     <TextView
 9         android:id="@+id/tv1"
10         android:layout_width="match_parent"
11         android:layout_height="50dp"
12         android:background="#20Ff0000"
13         android:gravity="center"
14         android:text="@string/top"
15         android:textColor="#ffffff" />
16
17     <TextView
18         android:id="@+id/v2"
19         android:layout_width="match_parent"
20         android:layout_height="match_parent"
21         android:layout_above="@+id/v3"
22         android:layout_below="@+id/tv1"
23         android:background="#7f00ff00"
24         android:gravity="center"
25         android:text="@string/middle"
26         android:textColor="#ffffff" />
27
28     <TextView
29         android:id="@+id/v3"
30         android:layout_width="match_parent"
31         android:layout_height="50dp"
32         android:layout_alignParentBottom="true"
33         android:background="#700000ff"
34         android:gravity="center"
35         android:text="@string/bottom"
36         android:textColor="#ffffff" />
37
38 </RelativeLayout>
时间: 2024-10-03 16:45:32

上中下布局,上下高度指定,中间自适应(左中右同理)的相关文章

HTML——上中下布局

上中下布局是最基本的布局方式,本例假设用户屏幕分辨率为800*600像素. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <met

css12---实战---布局---上中下布局,中间2列

<!DOCTYPE html><html><head><meta charset="utf-8"><title>浮动布局测试</title><link rel="stylesheet" type="text/css" href="layout2.css"><script src="layout2.js"><

Xamarin.Android 上中下布局

xml代码: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_paren

找人上门官网的CSS布局:上中下三栏自适应高度CSS布局

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

前端设计之CSS布局:上中下三栏自适应高度CSS布局

网页代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

网页上中下三分布局,上下固定,中间自适应

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- 禁止浏览器从本地缓存中调阅页面.--> <

上中下结构DIV CSS布局实例

实例布局之上中下结构DIV CSS布局 上中下结构为常见布局结构,一般普通(企业网站)网页我们可以大致分为上(头部).中(内容区).下(底部版权)组成.而这其实是由最简单上下结构CSS布局演变而成,只不过多了一个DIV层结构而且,本质布局方法技巧不变. 一.主要思维   -   TOP 不管多少个上下结构或单一结构,一般主体内容都是居中的,这个使用就需要使用css margin样式(让布局居中兼容各大浏览器),同时一般网页都会固定宽度,也就是要使用css width设置好每个DIV层宽度. 这里

俩列布局(左边固定,右边自适应),等高布局,最小高度

俩列布局(左边固定,右边自适应): 1. <!DOCTYPE html> <html> <head> <title>俩列布局</title> <meta charset="utf-8"> <style type="text/css"> *{         margin: 0;         padding: 0;     } #left {         float: left

使用easyui进行上左右布局

在后台管理系统开发的过程中,上左右的布局是最常见的页面布局方式,现在我们来看看使用easyui这个jquery前端框架如何快速搭建一个可用的页面框架. 1.在页面中引入easyui所需的文件 1 <%-- 加载easyui的样式文件,bootstrap风格 --%> 2 <link href="${ctx }/css/themes/bootstrap/easyui.css" rel="stylesheet"> 3 <link href=