巧妙实现缺角radiogroup控制多个fragment切换和滑动

在android开发中,用一个radiogroup控制多个fragment切换是十分常见的需求。但是如果fragment是一个ListView,如何保证滑动的时候通过缺角可以看到下面的listview是一个难点。

       直接上图:

       (1)完美效果


      (2)较差效果


另外,不妨假设缺角的高度是5dp,整个radioGroup的高度是50dp.还要求,不能遮挡listVIew第一个元素。

下面是我的主布局xml代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#fff5f5f5"
    android:orientation="vertical" >
 
    <!-- android:background="#fff5f5f5" -->

    <FrameLayout
        android:id="@+id/fragment_container"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentBottom="true"
        android:layout_marginTop="45dp"
        android:background="#f5f5f5"
         />
	<!-- 38-8 -->
    
    <RelativeLayout
        android:id="@+id/head_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" >

        <RadioGroup
            android:id="@+idtton_group"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <RadioButton
                android:id="@+id/new_tag_button"
                android:layout_width="0dp"
                android:layout_height="50dp"
                android:layout_weight="1"
                android:background="@drawable/tab_radio_selector"
                android:button="@color/trans_parent"
                android:checked="true"
                android:gravity="center"
                android:text="最新"
                android:textColor="#858585"
                android:textSize="@dimen/font_size_38px" >
            </RadioButton>

            <ImageView
                android:layout_width="1px"
                android:layout_height="fill_parent"
                android:background="#d2d2d2" />

            <RadioButton
                android:id="@+id/hot_tag_button"
                android:layout_width="0dp"
                android:layout_height="50dp"
                android:layout_weight="1"
                android:background="@drawable/tab_radio_selector"
                android:button="@color/trans_parent"
                android:gravity="center"
                android:text="最热"
                android:textColor="#858585"
                android:textSize="@dimen/font_size_38px" >
            </RadioButton>
        </RadioGroup>
    </RelativeLayout>
</RelativeLayout>


另外,还需要对每个fragment的listView做如下处理

listView.addHeaderView(view);


这个view的背景设置为和listView中item的rootView背景一致,宽为fill_parent,高为5dp即可。要知道,只有headview是可以跟随item一起滑动的哦,这个才是这个方案实现的关键!






原文地址:https://www.cnblogs.com/riasky/p/3483603.html