HorizontalScrollView和ViewPager的使用

1.MainActivity 类

import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private HorizontalScrollView hsv;
    private ViewPager vp;


    private LinearLayout container_id;
    private int position;
    private List<String> titleList;
    private MyPagerAdapter adapter;
    private List<Fragment> fragmentList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        hsv = (HorizontalScrollView) findViewById(R.id.hsv);
        vp = (ViewPager) findViewById(R.id.vp);
        container_id = (LinearLayout) findViewById(R.id.container_id);

        initData();
        addTitleAndFragment();
        adapter = new MyPagerAdapter(getSupportFragmentManager(), fragmentList);
        vp.setAdapter(adapter);
        /**
         * 监听ViewPager事件
         */
        vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                // 选中切换变色
                clickChangeColor(position);
                // 计算控件要滑动的距离
                // 共有多少margin
                int margins = 20 * position;
                int totalWidth = 0;
                for (int j = 0; j < position; j++) {
                    TextView tView = (TextView) container_id.getChildAt(j);
                    int width = tView.getWidth();
                    totalWidth += width;
                }
                // hsv计算滑动的位置
                hsv.scrollTo((totalWidth + margins), 0);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }
    // 1. 向LinearLayout里面添加数据
    // 2. 向ViewPager里面添加Fragment
    private void addTitleAndFragment() {
        for (int i = 0; i < titleList.size(); i++) {
            TextView tex = new TextView(this);
            tex.setText(titleList.get(i));
            tex.setTextSize(20);
            if (i == 0) {
                tex.setTextColor(Color.RED);
            } else {
                tex.setTextColor(Color.BLACK);
            }
            tex.setOnClickListener(this);
            tex.setId(i + 1000);
            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT);
            layoutParams.setMargins(15, 8, 15, 8);
            tex.setLayoutParams(layoutParams);
            container_id.addView(tex);
            ContentFragment contentFragment = new ContentFragment();
            fragmentList.add(contentFragment);

        }

    }

    //设置tetle 标题
    private void initData() {
        fragmentList = new ArrayList<>();
        titleList = new ArrayList<>();
        String[] srt = {"热点", "科技", "文化", "中国", "视频", "微头条", "军事", "游戏", "直播", "养殖", "风景", "大海", "制度", "古董", "女性"};
        for (int i = 0; i < 15; i++) {
            titleList.add(srt[i]);
        }
    }

    //设置字体变色
    private void clickChangeColor(int position) {
        for (int i = 0; i < titleList.size(); i++) {
            TextView txtview = (TextView) container_id.getChildAt(i);
            if (position == i) {
                txtview.setTextColor(Color.RED);
            } else {
                txtview.setTextColor(Color.BLACK);
            }
        }
    }

    @Override
    public void onClick(View view) {
        int id = view.getId();
        position = id - 1000;
        vp.setCurrentItem(position);
        clickChangeColor(position);
    }
}
1.MainActivity的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <HorizontalScrollView
        android:id="@+id/hsv"
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:scrollbars="none">

        <LinearLayout
            android:id="@+id/container_id"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"></LinearLayout>
    </HorizontalScrollView>

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v4.view.ViewPager>
</LinearLayout>
2.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.ListView;

import com.google.gson.Gson;

import org.xutils.common.Callback;
import org.xutils.http.RequestParams;
import org.xutils.x;

import java.util.ArrayList;
import java.util.List;



public class ContentFragment extends Fragment {
    private ListView list_view;
    private List<Bean.DataBean> list=new ArrayList<>();
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        return inflater.inflate(R.layout.fragment_loyout,container,false);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        getDataFragment();
    }


    public void getDataFragment() {
        String url="http://api.expoon.com/AppNews/getNewsList/type/1/p/1";
        RequestParams params=new RequestParams();
        params.setUri(url);
        x.http().get(params, new Callback.CommonCallback<String>() {
            @Override
            public void onSuccess(String result) {

                if (result != null){

                    Gson gson=new Gson();
                    Bean bean = gson.fromJson(result, Bean.class);

                    List<Bean.DataBean> data = bean.getData();

                    list_view = (ListView) getView().findViewById(R.id.list_view);
                    MyListAdapter adapter=new MyListAdapter(getContext(),data);
                    list_view.setAdapter(adapter);

                }
            }

            @Override
            public void onError(Throwable ex, boolean isOnCallback) {

            }

            @Override
            public void onCancelled(CancelledException cex) {

            }

            @Override
            public void onFinished() {

            }
        });


    }
}
 2.fragment布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></ListView>
</LinearLayout>
3.baseadapter适配器

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import org.xutils.x;

import java.util.List;




public class MyListAdapter extends BaseAdapter {
    private Context context;
    private List<Bean.DataBean> list;

    public MyListAdapter(Context context, List<Bean.DataBean> list) {
        this.context = context;
        this.list = list;
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int i) {
        return list.get(i);
    }

    @Override
    public long getItemId(int i) {
        return i;
    }

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        MyViewHolder holder;
        if (view==null){
            holder=new MyViewHolder();
            view = LayoutInflater.from(context).inflate(R.layout.itme_layout, null);
            holder.tvtetle= (TextView) view.findViewById(R.id.tvtetle);
            holder.tvContent= (TextView) view.findViewById(R.id.tvContent);
            holder.ivIcon= (ImageView) view.findViewById(R.id.ivIcon);
            view.setTag(holder);
        }else{
            holder= (MyViewHolder) view.getTag();
        }
        Bean.DataBean bean = list.get(i);
        holder.tvtetle.setText(bean.getNews_title());
        holder.tvContent.setText(bean.getNews_summary());
        x.image().bind(holder.ivIcon,bean.getPic_url());
        return view;
    }
    static  class MyViewHolder{
        private TextView tvtetle,tvContent;
        private ImageView ivIcon;
    }
}
3.baseadapter布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <ImageView

        android:id="@+id/ivIcon"
        android:layout_width="100dp"
        android:layout_height="100dp"

        />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:orientation="vertical">
        <TextView
            android:id="@+id/tvtetle"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:textSize="20sp" />
        <TextView
            android:id="@+id/tvContent"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:maxLines="2"
            android:textSize="14sp" />
    </LinearLayout>
</LinearLayout>

4.fragmentpageradapter适配

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

 
public class MyPagerAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragmentList;
    public MyPagerAdapter(FragmentManager fm,List<Fragment>  fragmentList) {
        super(fm);
        this.fragmentList=fragmentList;
    }

    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

    @Override
    public int getCount() {
        return fragmentList.size();
    }
}

//需要的依赖

compile 'org.xutils:xutils:3.5.0'
compile 'com.google.code.gson:gson:2.8.1'
//权限

<uses-permission android:name="android.permission.INTERNET"></uses-permission>