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

来源：互联网发布：ug软件图片编辑：程序博客网时间：2024/05/16 17:46

在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一起滑动的哦，这个才是这个方案实现的关键！

0 0