ViewPager+scrollview的水平滚动

XML布局

　　　　<HorizontalScrollView

            android:id="@+id/hsv"

            android:layout_width="fill_parent"

            android:layout_height="40dp"

            android:layout_alignParentLeft="true"

            android:layout_toLeftOf="@+id/iamge_glide"

            android:scrollbars="none"

            android:background="#f0f0f0" >

            

            <LinearLayout  

            android:id="@+id/id_gallery"  

            android:layout_width="wrap_content"  

            android:layout_height="wrap_content"  

            android:layout_gravity="center_vertical"  

            android:orientation="horizontal" />

        </HorizontalScrollView>

　　<android.support.v4.view.ViewPager

        android:id="@+id/vp"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />

 

activity代码实现

　　　　　　private HorizontalScrollView hsv;

       

    private ViewPager vp;

    String[] name = new String[] { "推荐", "热点", "娱乐", "科技", "汽车", "体育", "财经",

           "军事", "国际", "时尚", "视屏", "社会" };

　　private LinearLayout mGallery;

   private int mScreenWidth;

   private int mItemWidth = 0;

   private ArrayList<String> list;

   private int columnSelectIndex = 0;

   private ArrayList<Fragment> fragments = new ArrayList<Fragment>();

　　　　@Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        initView();

        initData();

        initTabColumn();

        initFragment();

        

    }

    private void initTabColumn() {

        // TODO Auto-generated method stub

        initScrollView();

        int count = list.size();

        for (int i = 0; i < count; i++) {

            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(

                    mItemWidth, LayoutParams.WRAP_CONTENT);

            params.leftMargin = 5;

            params.rightMargin = 5;

            TextView columnTextView = new TextView(MainActivity.this);

            columnTextView.setGravity(Gravity.CENTER);

            columnTextView.setPadding(5, 5, 5, 5);

            columnTextView.setId(i);

            columnTextView.setText(list.get(i));

            // 设置默认标签为选中状态

            if (columnSelectIndex == i) {

                columnTextView.setSelected(true);

                columnTextView.setTextColor(Color.RED);

            }

            /*

             * 设置点击事件监听

             */

            columnTextView.setOnClickListener(new OnClickListener() {

                @Override

                public void onClick(View v) {

                    // TODO Auto-generated method stub

                    for (int j = 0; j < mGallery.getChildCount(); j++) {

                        TextView localView = (TextView) mGallery.getChildAt(j);

                        if (localView != v) {

                            localView.setSelected(false);

                        } else {

                            localView.setSelected(true);

                            vp.setCurrentItem(j);

                        }

                    }

                    int index = mGallery.indexOfChild(v);

                }

            });

            mGallery.addView(columnTextView, i, params);

        }

    }

//把数组添加到list集合中

private void initData() {

        list = new ArrayList<String>();

        for (int i = 0; i < name.length; i++) {

            list.add(name[i]);

        }

        System.out.println(list);

    }

private void initView() {

//        image_head = (ImageView) findViewById(R.id.image_head);

//        right_head = (ImageView) findViewById(R.id.right_head);

        hsv = (HorizontalScrollView) findViewById(R.id.hsv);

//        right_head = (ImageView) findViewById(R.id.iamge_glide);

        vp = (ViewPager) findViewById(R.id.vp);

        mGallery = (LinearLayout) findViewById(R.id.id_gallery);

}

        /**

        image_head.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                sm.showMenu();//显示侧滑菜单

            }

        });

*/

public void initFragment() {

        fragments.clear();

        int count = list.size();

        for (int i = 0; i < count; i++) {//根据list集合的长度创建fragment

            Bundle data = new Bundle();   //传值给每个fragment

            data.putString("text", list.get(i));

            data.putInt("id", i);

            MyFragment f = new MyFragment();

            f.setArguments(data);

            fragments.add(f);

        }

        MyFragmentPagerAdapter adapter = new MyFragmentPagerAdapter(

                getSupportFragmentManager(), fragments);

        vp.setAdapter(adapter);

        vp.setOnPageChangeListener(new OnPageChangeListener() {

            @Override

            public void onPageSelected(int arg0) {

                // TODO Auto-generated method stub

                vp.setCurrentItem(arg0);

                selectTab(arg0);

            }

            @Override

            public void onPageScrolled(int arg0, float arg1, int arg2) {

                // TODO Auto-generated method stub

            }

            @Override

            public void onPageScrollStateChanged(int arg0) {

                // TODO Auto-generated method stub

            }

        });

    }

    private void selectTab(int tab_position) {

        // TODO Auto-generated method stub

        columnSelectIndex = tab_position;

        View currTextView = mGallery.getChildAt(tab_position);

        int w = currTextView.getMeasuredWidth();

        int l = currTextView.getLeft();

        int i2 = l + w / 2 - mScreenWidth / 2;

        hsv.smoothScrollTo(i2, 0);

        // 判断是否选中

        for (int i = 0; i < mGallery.getChildCount(); i++) {

            TextView eveTxetView = (TextView) mGallery.getChildAt(i);

            boolean ischeck;

            if (i == tab_position) {

                ischeck = true;

                eveTxetView.setTextColor(Color.RED);

            } el
4000
se {

                ischeck = false;

                eveTxetView.setTextColor(Color.BLACK);

            }

            eveTxetView.setSelected(ischeck);

        }

    }

    

    private void initScrollView() {

        mScreenWidth =
NewsUtils.getWindowsWidth(MainActivity.this);

        mItemWidth = mScreenWidth / 7;//计算HorizontalScrollView可以展示几个

        mGallery.removeAllViews();

    }

//NewsUtils中的计算

　　public final static int getWindowsWidth(Activity activity) {

        DisplayMetrics dm = new DisplayMetrics();

        activity.getWindowManager().getDefaultDisplay().getMetrics(dm);

        return dm.widthPixels;

    }

 

 

//MyFragmentPagerAdapter 适配器中的代码

package com.wt.ada;

import java.util.ArrayList;

import java.util.List;

import android.support.v4.app.Fragment;

import android.support.v4.app.FragmentManager;

import android.support.v4.app.FragmentPagerAdapter;

import android.view.ViewGroup;

public class MyFragmentPagerAdapter extends FragmentPagerAdapter{

    private List<Fragment> fragments;

    private FragmentManager fm;

    public MyFragmentPagerAdapter(FragmentManager fm) {

        super(fm);

    }

    public MyFragmentPagerAdapter(FragmentManager fm,ArrayList<Fragment> fragments) {

        super(fm);

        this.fm = fm;

        this.fragments = fragments;    

    }

    @Override

    public Fragment getItem(int arg0) {

        // TODO Auto-generated method stub

        return fragments.get(arg0);

    }

    @Override

    public int getCount() {

        // TODO Auto-generated method stub

        System.out.println(fragments.size());

        return fragments.size();

    }

    @Override

    public int getItemPosition(Object object) {

        // TODO Auto-generated method stub

        return POSITION_NONE;

    }

    @Override

    public Object instantiateItem(ViewGroup container, int position) {

        Object obj = super.instantiateItem(container, position);

        return obj;

    }

}