1. <style name="AppTheme" parent="AppBaseTheme">
2. <item name="android:windowNoTitle">true</item>
3. </style>

之后便是主界面：

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:orientation="vertical" >
6. <include layout="@layout/main_head" />
7. <LinearLayout
8. android:layout_width="match_parent"
9. android:layout_height="40.0dip"
10. android:background="#fff3f3f3"
11. android:orientation="horizontal" >
12. <RelativeLayout
13. android:id="@+id/rl_column"
14. android:layout_width="match_parent"
15. android:layout_height="40.0dip"
16. android:layout_weight="1.0" >
17. <com.topnews.view.ColumnHorizontalScrollView
18. android:id="@+id/mColumnHorizontalScrollView"
19. android:layout_width="match_parent"
20. android:layout_height="40.0dip"
21. android:scrollbars="none" >
22. <LinearLayout
23. android:id="@+id/mRadioGroup_content"
24. android:layout_width="fill_parent"
25. android:layout_height="40.0dip"
26. android:layout_centerVertical="true"
27. android:gravity="center_vertical"
28. android:orientation="horizontal"
29. android:paddingLeft="10.0dip"
30. android:paddingRight="10.0dip" />
31. </com.topnews.view.ColumnHorizontalScrollView>
32. <ImageView
33. android:id="@+id/shade_left"
34. android:layout_width="10.0dip"
35. android:layout_height="40.0dip"
36. android:layout_alignParentLeft="true"
37. android:layout_centerVertical="true"
38. android:background="@drawable/channel_leftblock"
39. android:visibility="gone" />
40. <ImageView
41. android:id="@+id/shade_right"
42. android:layout_width="10.0dip"
43. android:layout_height="40.0dip"
44. android:layout_alignParentRight="true"
45. android:layout_centerVertical="true"
46. android:background="@drawable/channel_rightblock"
47. android:visibility="visible" />
48. </RelativeLayout>
49. <LinearLayout
50. android:id="@+id/ll_more_columns"
51. android:layout_width="wrap_content"
52. android:layout_height="40.0dip" >
53. <ImageView
54. android:id="@+id/button_more_columns"
55. android:layout_width="40.0dip"
56. android:layout_height="40.0dip"
57. android:layout_gravity="center_vertical"
58. android:src="@drawable/channel_glide_day_bg" />
59. </LinearLayout>
60. </LinearLayout>
61. <View
62. android:id="@+id/category_line"
63. android:layout_width="fill_parent"
64. android:layout_height="0.5dip"
65. android:background="#ffdddddd" />
66. <android.support.v4.view.ViewPager
67. android:id="@+id/mViewPager"
68. android:layout_width="match_parent"
69. android:layout_height="match_parent" />
70. </LinearLayout>

1. public class ColumnHorizontalScrollView extends HorizontalScrollView {
2. /** 传入整体布局  */
3. private View ll_content;
4. /** 传入更多栏目选择布局 */
5. private View ll_more;
6. /** 传入拖动栏布局 */
7. private View rl_column;
8. /** 左阴影图片 */
9. private ImageView leftImage;
10. /** 右阴影图片 */
11. private ImageView rightImage;
12. /** 屏幕宽度 */
13. private int mScreenWitdh = 0;
14. /** 父类的活动activity */
15. private Activity activity;
16. public ColumnHorizontalScrollView(Context context) {
17. super(context);
18. }
19. public ColumnHorizontalScrollView(Context context, AttributeSet attrs) {
20. super(context, attrs);
21. }
22. public ColumnHorizontalScrollView(Context context, AttributeSet attrs,
23. int defStyle) {
24. super(context, attrs, defStyle);
25. }
26. /**
27. * 在拖动的时候执行
28. * */
29. @Override
30. protected void onScrollChanged(int paramInt1, int paramInt2, int paramInt3, int paramInt4) {
31. // TODO Auto-generated method stub
32. super.onScrollChanged(paramInt1, paramInt2, paramInt3, paramInt4);
33. shade_ShowOrHide();
34. if(!activity.isFinishing() && ll_content !=null && leftImage!=null && rightImage!=null && ll_more!=null && rl_column !=null){
35. if(ll_content.getWidth() <= mScreenWitdh){
36. leftImage.setVisibility(View.GONE);
37. rightImage.setVisibility(View.GONE);
38. }
39. }else{
40. return;
41. }
42. if(paramInt1 ==0){
43. leftImage.setVisibility(View.GONE);
44. rightImage.setVisibility(View.VISIBLE);
45. return;
46. }
47. if(ll_content.getWidth() - paramInt1 + ll_more.getWidth() + rl_column.getLeft() == mScreenWitdh){
48. leftImage.setVisibility(View.VISIBLE);
49. rightImage.setVisibility(View.GONE);
50. return;
51. }
52. leftImage.setVisibility(View.VISIBLE);
53. <span style="white-space:pre">   </span>rightImage.setVisibility(View.VISIBLE);
54. }
55. /**
56. * 传入父类布局中的资源文件
57. * */
58. public void setParam(Activity activity, int mScreenWitdh,View paramView1,ImageView paramView2, ImageView paramView3 ,View paramView4,View paramView5){
59. this.activity = activity;
60. this.mScreenWitdh = mScreenWitdh;
61. ll_content = paramView1;
62. leftImage = paramView2;
63. rightImage = paramView3;
64. ll_more = paramView4;
65. rl_column = paramView5;
66. }
67. /**
68. * 判断左右阴影的显示隐藏效果
69. * */
70. public void shade_ShowOrHide() {
71. if (!activity.isFinishing() && ll_content != null) {
72. measure(0, 0);
73. //如果整体宽度小于屏幕宽度的话，那左右阴影都隐藏
74. if (mScreenWitdh >= getMeasuredWidth()) {
75. leftImage.setVisibility(View.GONE);
76. rightImage.setVisibility(View.GONE);
77. }
78. } else {
79. return;
80. }
81. //如果滑动在最左边时候，左边阴影隐藏，右边显示
82. if (getLeft() == 0) {
83. leftImage.setVisibility(View.GONE);
84. rightImage.setVisibility(View.VISIBLE);
85. return;
86. }
87. //如果滑动在最右边时候，左边阴影显示，右边隐藏
88. if (getRight() == getMeasuredWidth() - mScreenWitdh) {
89. leftImage.setVisibility(View.VISIBLE);
90. rightImage.setVisibility(View.GONE);
91. return;
92. }
93. //否则，说明在中间位置，左、右阴影都显示
94. leftImage.setVisibility(View.VISIBLE);
95. rightImage.setVisibility(View.VISIBLE);
96. }
97. }

1. public class NewsFragmentPagerAdapter extends FragmentPagerAdapter {
2. private ArrayList<Fragment> fragments;
3. private FragmentManager fm;
4. public NewsFragmentPagerAdapter(FragmentManager fm) {
5. super(fm);
6. this.fm = fm;
7. }
8. public NewsFragmentPagerAdapter(FragmentManager fm,
9. ArrayList<Fragment> fragments) {
10. super(fm);
11. this.fm = fm;
12. this.fragments = fragments;
13. }
14. @Override
15. public int getCount() {
16. return fragments.size();
17. }
18. @Override
19. public Fragment getItem(int position) {
20. return fragments.get(position);
21. }
22. @Override
23. public int getItemPosition(Object object) {
24. return POSITION_NONE;
25. }
26. public void setFragments(ArrayList<Fragment> fragments) {
27. if (this.fragments != null) {
28. FragmentTransaction ft = fm.beginTransaction();
29. for (Fragment f : this.fragments) {
30. ft.remove(f);
31. }
32. ft.commit();
33. ft = null;
34. fm.executePendingTransactions();
35. }
36. this.fragments = fragments;
37. notifyDataSetChanged();
38. }
39. @Override
40. public Object instantiateItem(ViewGroup container, final int position) {
41. Object obj = super.instantiateItem(container, position);
42. return obj;
43. }
44. }

1. int count =  newsClassify.size();
2. for(int i = 0; i< count; i++){
3. LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(mItemWidth , LayoutParams.WRAP_CONTENT);
4. params.leftMargin = 10;
5. params.rightMargin = 10;
6. TextView localTextView = new TextView(this);
7. localTextView.setTextAppearance(this, R.style.top_category_scroll_view_item_text);
8. localTextView.setBackgroundResource(R.drawable.radio_buttong_bg);
9. localTextView.setGravity(Gravity.CENTER);
10. localTextView.setPadding(5, 0, 5, 0);
11. localTextView.setId(i);
12. localTextView.setText(newsClassify.get(i).getTitle());
13. localTextView.setTextColor(getResources().getColorStateList(R.color.top_category_scroll_text_color_day));
14. if(columnSelectIndex == i){
15. localTextView.setSelected(true);
16. }
17. localTextView.setOnClickListener(new OnClickListener() {
18. @Override
19. public void onClick(View v) {
20. for(int i = 0;i < mRadioGroup_content.getChildCount();i++){
21. View localView = mRadioGroup_content.getChildAt(i);
22. if (localView != v)
23. localView.setSelected(false);
24. else{
25. localView.setSelected(true);
26. mViewPager.setCurrentItem(i);
27. }
28. }
29. Toast.makeText(getApplicationContext(), newsClassify.get(v.getId()).getTitle(), Toast.LENGTH_SHORT).show();
30. }
31. });
32. mRadioGroup_content.addView(localTextView, i ,params);
33. }

1. <span style="white-space:pre">  </span>/**
2. *  选择的Column里面的Tab
3. * */
4. private void selectTab(int tab_postion) {
5. columnSelectIndex = tab_postion;
6. for (int i = 0; i < mRadioGroup_content.getChildCount(); i++) {
7. View checkView = mRadioGroup_content.getChildAt(tab_postion);
8. int k = checkView.getMeasuredWidth();
9. int l = checkView.getLeft();
10. int i2 = l + k / 2 - mScreenWidth / 2;
11. // rg_nav_content.getParent()).smoothScrollTo(i2, 0);
12. mColumnHorizontalScrollView.smoothScrollTo(i2, 0);
13. // mColumnHorizontalScrollView.smoothScrollTo((position - 2) *
14. // mItemWidth , 0);
15. }
16. //判断是否选中
17. for (int j = 0; j <  mRadioGroup_content.getChildCount(); j++) {
18. View checkView = mRadioGroup_content.getChildAt(j);
19. boolean ischeck;
20. if (j == tab_postion) {
21. ischeck = true;
22. } else {
23. ischeck = false;
24. }
25. checkView.setSelected(ischeck);
26. }
27. }