橫向滑動菜單的使用


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;
        }
    }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章