android实现顶部底部标题栏固定 中间可滚动,仿QQ空间的主界面布局

来源:互联网 发布:仿制印章工具怎么用mac 编辑:程序博客网 时间:2024/05/05 11:11

整体效果图:


一、思路:自定义标题栏,只要把系统自带的标题栏去掉(做法:requestWindowFeature(Window.FEATURE_NO_TITLE);),自己再写两个布局块(LinearLayout 布局)充当顶部和底部的标题栏即可,中间使用ScrollView,这种方法有点投机取巧,但是的确很实用。

UI的布局类如下:

public class QQZoneUI extends ActionBarActivity{@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);this.setContentView(R.layout.qq_zone);}}

xml布局如下:

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="vertical" >    <LinearLayout        android:layout_width="fill_parent"        android:layout_height="50dip"        android:background="#5BBB47"        android:orientation="horizontal"        tools:ignore="UselessLeaf" >        <TextView            android:layout_width="fill_parent"            android:layout_height="fill_parent"            android:gravity="center"            android:text="这是头部"            tools:ignore="HardcodedText" />    </LinearLayout>    <ScrollView        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:layout_marginBottom="50dip"        tools:ignore="UselessLeaf" >        <LinearLayout            android:layout_width="fill_parent"            android:layout_height="fill_parent"            android:orientation="vertical"            tools:ignore="ScrollViewSize" >            <TextView                android:layout_width="fill_parent"                android:layout_height="fill_parent"                android:text="这是中间内容\n这是中间内容\n这是中间内容\n\n\n\n\n\n                      这是中间内容\n这是中间内容\n这是中间内容\n\n\n\n\n\n                      这是中间内容\n这是中间内容\n这是中间内容\n\n\n\n\n\n                      这是中间内容\n这是中间内容\n这是中间内容\n\n\n\n\n\n                      这是中间内容\n这是中间内容\n这是中间内容\n\n\n\n\n\n                      这是中间内容\n这是中间内容\n这是中间内容\n\n\n\n\n\n"                tools:ignore="HardcodedText" />        </LinearLayout>    </ScrollView>    <LinearLayout        android:layout_width="fill_parent"        android:layout_height="50dip"        android:layout_marginTop="-50dip"        android:background="#5BBB47"        android:orientation="horizontal"        tools:ignore="PxUsage" >        <TextView            android:layout_width="fill_parent"            android:layout_height="fill_parent"            android:gravity="center"            android:text="这是底部"            tools:ignore="HardcodedText" />    </LinearLayout></LinearLayout>



0 0