support Fragment 与滑动导航的组合

分享到:

在做一个项目,有导航功能,但是不能滑动。调试了一天,用过ViewPager + PagerTabStrip,可惜做出来的效果文字是动态的,有点急躁不想去找调试的方法了。

 

换成FrameLayout + Fragment展示内容,用<RelativeLayout> 来做导航布局。

 

main_activity.xml 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
  <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/head_bar"
        android:background="#FFF8DC"
        >
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:src="@drawable/ic_menu_back"
            android:layout_alignParentLeft="true"
            />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="火灾损失统计"
            android:layout_centerInParent="true"
            />
    </RelativeLayout>
    
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/navegation"
        android:layout_below="@id/head_bar"
        android:background="#DCDCDC"
        >
        <LinearLayout
            android:layout_width="fill_parent" 
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:id="@+id/menu_bar_row"
            >
            
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical" 
                android:layout_weight="1"
                android:gravity="center_horizontal"
                >
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/ic_menu_today"
                    android:clickable="true"
                    android:id="@+id/tab_head"
                    />
                <TextView
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:gravity="center_vertical|center_horizontal"
                    android:text="表头"
                    />
            </LinearLayout>
            
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical" 
                android:layout_weight="1"
                android:gravity="center_horizontal"
                >
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                     android:src="@drawable/ic_menu_compass"
                     android:clickable="true"
                     android:id="@+id/tab_body"
                    />
                <TextView
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:text="主体"
                    />
            </LinearLayout>
            
            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:orientation="vertical" 
                android:layout_weight="1"
                android:gravity="center_horizontal"
                >
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                     android:src="@drawable/ic_menu_copy"
                     android:clickable="true"
                     android:id="@+id/tab_print"
                    />
                <TextView
                    android:layout_height="wrap_content"
                    android:layout_width="wrap_content"
                    android:text="打印"
                    />
            </LinearLayout>
            
        </LinearLayout>
        
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_below="@id/menu_bar_row"
            android:paddingBottom="3dp"
            android:layout_gravity="bottom"
            >
            <ImageView
                android:layout_width="50dp"
                android:layout_height="2dp"
                android:id="@+id/img_indicateLine" 
                android:src="#fff"
                
                android:gravity="center_horizontal"
                />
        </LinearLayout>
    </RelativeLayout>
    
    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/navegation"
        >
        <FrameLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/fragmentContainer"
            >      
        </FrameLayout>    
        
    </RelativeLayout>

</RelativeLayout>
昵    称:
验证码:

相关文档: