巧妙实现缺角radiogroup控制多个fragment切换和滑动
2013-12-19 22:27
465 查看
在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一起滑动的哦,这个才是这个方案实现的关键!
直接上图:
(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一起滑动的哦,这个才是这个方案实现的关键!
相关文章推荐
- 巧妙实现缺角radiogroup控制多个fragment切换和滑动
- Android 使用ViewPager和RadioGroup配合Fragment实现标签页,可点击按钮切换、滑动切换。
- ViewPager + Fragment+radiogroup实现滑动标签页
- RadioGroup+Fragment实现界面切换
- Android UI-实现底部切换标签之方式一 ──fragment(底部采用radioGroup+radiobutton)添加5个子fragment
- 底部导航栏实现页面的切换(二):Fragment + RadioGroup
- 底部导航栏实现页面的切换(三):Fragment + RadioGroup + ViewPager
- ViewPager+RadioGroup实现标题栏切换,Fragment切换
- RadioGroup+Fragment实现页面之间的切换
- ViewPager+RadioGroup实现标题栏切换,Fragment切换
- RadioGroup+Fragment实现页面之间的切换
- RadioGroup+Fragment实现页面之间的切换
- ViewPager+Fragment+RadioGroup实现页面联动\点击切换
- ViewPager+RadioGroup实现标题栏切换,Fragment切换
- ViewPager+RadioGroup实现标题栏切换,Fragment切换
- RadioGroup+Fragment实现页面之间的切换
- ViewPager+RadioGroup实现标题栏切换,Fragment切换
- Fragment+ViewPager+RadioGroup实现的页面简单切换
- RadioGroup+Fragment实现Tab切换
- RadioGroup+Fragment实现页面之间的切换