Android典型界面设计——访网易新闻实现双导航tab切换

　　双导航tab切换（底部区块+区域内头部导航），实现方案底部区域使用FragmentTabHost+Fragment, 区域内头部导航使用ViewPager+Fragment，可在之前博客Android典型界面设计2（FragmentTabHost+Fragment实现底部tab切换）基础之上和Android典型界面设计1（ViewPage+Fragment实现区域顶部tab滑动切换）整合应用实现。查看两篇博客请点击：http://www.cnblogs.com/jerehedu/p/4607599.html#dxjmsj。效果如图所示：

　　1、首先实现底部区块的tab切换，这部分请参考博客：Android典型界面设计2（FragmentTabHost+Fragment实现底部tab切换）

　　2、底部tab各自对应Fragment组件，共5个Fragment为NewsFragment、ReadFragment、FoundFragment、OwnerFragment、VideoFragment,根据不同板块各自设计界面，接下下来在之前基础上实现NewsFragment界面的设计，该界面实现新闻各个频道之间的切换，即区域内头部导航

　　先看一下NewsFragment的布局文件：

<LinearLayout ="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="vertical" >  <RelativeLayout android:layout_width="match_parent"  android:layout_height="wrap_content">   <HorizontalScrollView    android:id="@+id/hvChannel"     android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_toLeftOf="@+id/ivShowChannel"    android:scrollbars="none">    <RadioGroup     android:id="@+id/rgChannel"     android:layout_width="wrap_content"    android:layout_height="wrap_content" android:orientation="horizontal">         </RadioGroup>   </HorizontalScrollView>  <ImageView android:layout_width="40dp"     android:layout_height="40dp"    android:id="@+id/ivShowChannel"    android:layout_alignParentRight="true"    android:src='/images/loading.gif' data-original="@drawable/channel_down_narrow"    android:scaleType="fitXY"    />    </RelativeLayout>   <android.support.v4.view.ViewPager       android:id="@+id/vpNewsList"       android:layout_width="match_parent"      android:layout_height="match_parent"     >   </android.support.v4.view.ViewPager>     </LinearLayout>

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：Android典型界面设计——访网易新闻实现双导航tab切换

关键词：Android