横向滑动菜单+ViewPager+Fragment

这里写图片描述

package com.wzq.scrollviewindicater;

import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.wzq.scrollviewindicater.fragment.MFragment;

import java.util.ArrayList;

public class MainActivity extends FragmentActivity implements View.OnClickListener{

    private LinearLayout ll_head;
    private ViewPager viewPager;
    private String[] titles;
    private HorizontalScrollView hsv;
    private ArrayList<TextView> titlesView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ll_head = (LinearLayout) findViewById(R.id.ll_header);
        hsv = (HorizontalScrollView) findViewById(R.id.hsv);
        viewPager = (ViewPager) findViewById(R.id.viewpager);
        titles = new String[]{"头条", "娱乐", "科技", "信息", "八卦", "北京", "上海", "天津",
                "重庆", "大大燕网"};
        //动态添加顶部textview
        initTitles();
        viewPager.setAdapter(new MPagerAdapter(getSupportFragmentManager()));
        setOnClickListener();

    }

    /**
     * 动态生成标题
     */
    private void initTitles() {
        titlesView = new ArrayList<>();//装标题控件的集合
        for (int i = 0; i < titles.length; i++) {
            TextView textView = new TextView(MainActivity.this);
            textView.setTextSize(35);
            if (i == 0) {
                textView.setTextColor(Color.RED);
            }
            textView.setText(titles[i]);
            textView.setId(i);//把循环的i设置给textview的下标;
            textView.setOnClickListener(this);

            //LinearLayout中的孩子的定位参数
            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,LinearLayout.LayoutParams.MATCH_PARENT);
           layoutParams.setMargins(10,10,10,10);//设置左上右下四个margin值;
            //layoutParams是让linearLayout知道如何摆放自己孩子的位置的;
            ll_head.addView(textView,layoutParams);
            titlesView.add(textView);
        }
    }

    /*
     * 设置顶部标题点击事件;
     */
    private void setOnClickListener() {
        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }

            @Override
            public void onPageSelected(int position) {
                // 标题变色,用循环改变标题颜色,通过判断来决定谁红谁灰;
                // 举例:娱乐的下标是position是1
                for (int i = 0; i < titles.length; i++) {
                    if(i == position){
                        titlesView.get(i).setTextColor(Color.RED);
                    }else {
                        titlesView.get(i).setTextColor(Color.GRAY);
                    }

                }
                // 标题滑动功能
                int width = titlesView.get(position).getWidth();
                int totalWidth = (width +20)*position;
                hsv.scrollTo(totalWidth,0);

            }
        });

    }

/**

* 让activity实现点击事件接口

* 点击文字的时候回出发这个点击事件;

* @param view

*/

    @Override
    public void onClick(View view) {
        int position = view.getId();//就是下标
        viewPager.setCurrentItem(position);
    }

/**

* 底部viewpager要使用的FragmentUI适配器

*/

    private class MPagerAdapter extends FragmentPagerAdapter {
        public MPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            return MFragment.getInstance(titles[position]);
        }

        @Override
        public int getCount() {
            return titles.length;
        }
    }
}

-----------------------------------------------------

Mfragment

package com.wzq.scrollviewindicater.fragment;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class MFragment extends Fragment{

    //在fragment内部写一个静态方法,返回自己;供外部调用;
   public static Fragment getInstance(String title) {
        MFragment mFragment = new MFragment();
        Bundle bundle = new Bundle();
        bundle.putString("title",title);
        mFragment.setArguments(bundle);
        return mFragment;
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        Bundle bundle = getArguments();
        TextView textView = new TextView(getActivity());
        textView.setTextSize(100);
        textView.setText(bundle.getString("title"));

        return textView;
    }

    @Override
    public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        // 根据标题是否相同请求不同的接口;

    }
}

-------------------------------------------------------------

布局文件

</LinearLayout>