Android界面头部布局实例

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <RelativeLayout
        android:id="@+id/listHeader"
        android:layout_width="fill_parent"
        android:layout_height="55dp"
        android:layout_alignParentTop="true"
        android:background="#FF6600" >
		<ImageView
		    android:id="@+id/header_back"
            android:layout_width="12dp"
            android:layout_height="30dp"
            android:layout_marginLeft="12px"
            android:layout_centerVertical="true"
            android:background="@drawable/header_back" />

        <TextView
            android:id="@+id/shop_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="15px"
            android:text="@string/title1"
            android:textColor="#ffffff"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@id/header_back"
            android:textSize="28px" />
        
        <ImageView
            android:id="@+id/header_search"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="15dp"
            android:layout_toLeftOf="@+id/header_chat"
            android:layout_centerVertical="true"
            android:background="@drawable/header_search" />
        
        <ImageView
            android:id="@+id/header_chat"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="15dp"
            android:layout_toLeftOf="@+id/header_gift"
            android:layout_centerVertical="true"
            android:background="@drawable/header_chat" />
        
        <ImageView
            android:id="@+id/header_gift"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="15dp"
            android:layout_toLeftOf="@+id/three_rect"
            android:layout_centerVertical="true"
            android:background="@drawable/header_gift" />
        
        <ImageView
            android:id="@+id/three_rect"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginRight="12dp"
            android:layout_centerVertical="true"
            android:background="@drawable/three_rect" />
        
    </RelativeLayout>

    

</RelativeLayout>

图片截图:

布局

猜你喜欢

转载自chenzheng8975.iteye.com/blog/2041160