viewpager怎么在android中使用？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

創(chuàng)新互聯(lián)企業(yè)建站,十多年網(wǎng)站建設(shè)經(jīng)驗(yàn)，專(zhuān)注于網(wǎng)站建設(shè)技術(shù)，精于網(wǎng)頁(yè)設(shè)計(jì)，有多年建站和網(wǎng)站代運(yùn)營(yíng)經(jīng)驗(yàn)，設(shè)計(jì)師為客戶(hù)打造網(wǎng)絡(luò)企業(yè)風(fēng)格，提供周到的建站售前咨詢(xún)和貼心的售后服務(wù)。對(duì)于網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站中不同領(lǐng)域進(jìn)行深入了解和探索，創(chuàng)新互聯(lián)在網(wǎng)站建設(shè)中充分了解客戶(hù)行業(yè)的需求，以靈動(dòng)的思維在網(wǎng)頁(yè)中充分展現(xiàn)，通過(guò)對(duì)客戶(hù)行業(yè)精準(zhǔn)市場(chǎng)調(diào)研，為客戶(hù)提供的解決方案。

（1）簡(jiǎn)單寫(xiě)一個(gè)主界面的布局activity_main.xml

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

 <LinearLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@color/bag_gray"
 android:orientation="vertical">

 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="36dp"
  android:background="@android:color/white"
  android:orientation="horizontal"
  android:weightSum="3">

  <TextView
  android:id="@+id/tab1_tv"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:layout_weight="1"
  android:gravity="center"
  android:text="商品"
  android:textColor="@color/title_bag"
  android:textSize="18sp" />

  <TextView
  android:id="@+id/tab2_tv"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:layout_weight="1"
  android:gravity="center"
  android:text="評(píng)價(jià)"
  android:textColor="@color/text_color_context"
  android:textSize="18sp" />
  <TextView
  android:id="@+id/tab3_tv"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:layout_weight="1"
  android:gravity="center"
  android:text="詳情"
  android:textColor="@color/text_color_context"
  android:textSize="18sp" />

 </LinearLayout>

 <View
  android:layout_width="match_parent"
  android:layout_height="0.5dp"
  android:background="@color/text_color_context" />
 <View
  android:id="@+id/cursor"
  android:layout_width="50dp"
  android:layout_height="2dp"
  android:layout_marginLeft="40dp"
  android:layout_marginTop="0dip"
  android:background="@color/title_bag"
  />
 <android.support.v4.view.ViewPager
  android:id="@+id/thire_vp"
  android:layout_width="match_parent"
  android:layout_height="match_parent"/>
 </LinearLayout>

</LinearLayout>

（2）設(shè)置viewpager的適配器：FragmentAdapter

public class FragmentAdapter extends FragmentPagerAdapter {
 private ArrayList<Fragment> list;
 FragmentManager fm;

 public FragmentAdapter(FragmentManager fm, ArrayList<Fragment> list){
 super(fm);
 this.fm = fm;
 this.list = list;
 }

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

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

（3）然后設(shè)置三個(gè)fragment，因?yàn)橛腥齻€(gè)選項(xiàng)卡，所以我們新建三個(gè)fragment，分別是OneFragment、TwoFragment 、ThreeFragment ，布局的話(huà)也需要新建三個(gè)，跟fragment一一對(duì)應(yīng)，因?yàn)椴季诌^(guò)于簡(jiǎn)單，這里就不寫(xiě)了，簡(jiǎn)單寫(xiě)一點(diǎn)fragment的代碼吧

public class OneFragment extends Fragment {

 @Nullable
 @Override
 public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
 View view = inflater.inflate(R.layout.fragment_one,null);
 return view;
 }
}

（4）在MainActivity中，設(shè)置fragment的適配器，設(shè)置顯示內(nèi)容，并且做viewpager的事件監(jiān)聽(tīng)

public class MainActivity extends FragmentActivity implements ViewPager.OnPageChangeListener,View.OnClickListener{
 private TextView tab1Tv;
 private TextView tab2Tv;
 private TextView tab3Tv;
 private View cursor;
 private ViewPager thirdVp;

 private ArrayList<Fragment> fragmentlist;
 private int offset = 0;
 private int screenWidth = 0;
 private int screenl_3;
 private LinearLayout.LayoutParams lp;

 @Override
 protected void onCreate(@Nullable Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_product);

 //綁定控件
 tab1Tv = (TextView)findViewById(R.id.tab1_tv);
 tab2Tv = (TextView)findViewById(R.id.tab2_tv);
 tab3Tv = (TextView)findViewById(R.id.tab3_tv);
 cursor = (View) findViewById(R.id.cursor);
 thirdVp = (ViewPager) findViewById(R.id.thire_vp);

 //獲取屏幕寬度
 DisplayMetrics dm = new DisplayMetrics();
 getWindowManager().getDefaultDisplay().getMetrics(dm);
 screenWidth = dm.widthPixels;
 screenl_3 = screenWidth/3; //裁剪3分之1
 lp = (LinearLayout.LayoutParams)cursor.getLayoutParams();

 fragmentlist = new ArrayList<>();
 fragmentlist.add(new OneFragment());
 fragmentlist.add(new TwoFragment());
 fragmentlist.add(new ThreeFragment());

 thirdVp.setAdapter(new FragmentAdapter(getSupportFragmentManager(),fragmentlist));
 thirdVp.setCurrentItem(0);
 thirdVp.setOffscreenPageLimit(2);

 thirdVp.setOnPageChangeListener(this);
 tab1Tv.setOnClickListener(this);
 tab2Tv.setOnClickListener(this);
 tab3Tv.setOnClickListener(this);
 }

 @Override
 public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
 offset = (screenl_3-cursor.getLayoutParams().width)/2;
 Log.d("TAG", "111----"+position + "--" + positionOffset + "--"
  + positionOffsetPixels);
 final float scale = getResources().getDisplayMetrics().density;
 if (position == 0){
  lp.leftMargin = (int)(positionOffsetPixels/3)+offset;
 }else if(position ==1){
  lp.leftMargin = (int)(positionOffsetPixels/3)+screenl_3+offset;
 }
 cursor.setLayoutParams(lp);
 upTextcolor(position);
 }

 private void upTextcolor(int position){
 if (position==0){
  tab1Tv.setTextColor(getResources().getColor(R.color.title_bag));
  tab2Tv.setTextColor(getResources().getColor(R.color.text_color_context));
  tab3Tv.setTextColor(getResources().getColor(R.color.text_color_context));
 }else if(position==1){
  tab1Tv.setTextColor(getResources().getColor(R.color.text_color_context));
  tab2Tv.setTextColor(getResources().getColor(R.color.title_bag));
  tab3Tv.setTextColor(getResources().getColor(R.color.text_color_context));
 }else if(position==2){
  tab1Tv.setTextColor(getResources().getColor(R.color.text_color_context));
  tab2Tv.setTextColor(getResources().getColor(R.color.text_color_context));
  tab3Tv.setTextColor(getResources().getColor(R.color.title_bag));
 }
 }


 @Override
 public void onPageSelected(int position) {

 }

 @Override
 public void onPageScrollStateChanged(int state) {

 }

 @Override
 public void onClick(View view) {
 switch (view.getId()) {
  case R.id.tab1_tv:
  thirdVp.setCurrentItem(0);
  break;
  case R.id.tab2_tv:
  thirdVp.setCurrentItem(1);
  break;
  case R.id.tab3_tv:
  thirdVp.setCurrentItem(2);
  break;
 }
 }
}

看完上述內(nèi)容，你們掌握viewpager怎么在android中使用的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前標(biāo)題：viewpager怎么在android中使用
文章位置：http://aaarwkj.com/article38/gdsisp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、網(wǎng)站策劃、手機(jī)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、面包屑導(dǎo)航、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)