Android-ViewPagerIndicator使用：--TabPageIndicator浅析

最新推荐文章于 2024-04-10 17:23:39 发布
最新推荐文章于 2024-04-10 17:23:39 发布
阅读量2.9k 收藏 3
点赞数
分类专栏： Android 文章标签： TabPageIndicator Android-ViewPagerInd
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TryIT1993/article/details/40046853
版权

Android-ViewPagerIndicator使用：--TabPageIndicator浅析

TabPageIndicator这个类，可以加入图标进行切换，并且可以点击切换，可以形成放微信左右切换的效果。

  • 首先：进行布局xml： 
      <LinearLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="vertical"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
      <!-- 注意：indicator and ViewPager 要挨在一起 -->
      <android.support.v4.view.ViewPager
          android:id="@+id/maintab_pager"
          android:layout_width="fill_parent"
          android:layout_height="0dp"
          android:layout_weight="1"
          />
       <com.viewpagerindicator.TabPageIndicator
             android:id="@+id/maintab_indicator"
             android:layout_height="wrap_content"
             android:layout_width="wrap_content"
             /> 
  </LinearLayout>

  • 在MainTabsWithIcons的oncreate中使用：

      @Override
  protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      Common.mainContext=this;    //獲取主函數的context，為了fragment里的handler
      setContentView(R.layout.activity_page_tabs);

      FragmentPagerAdapter adapter = new GoogleMusicAdapter(getSupportFragmentManager());

      ViewPager pager = (ViewPager)findViewById(R.id.maintab_pager);
      pager.setOffscreenPageLimit(4);    //缓存4个页面
      pager.setAdapter(adapter);

      TabPageIndicator indicator = (TabPageIndicator)findViewById(R.id.maintab_indicator);
      indicator.setViewPager(pager);    //把indicator和viewpager的两者绑定在一起
      //监听ViewPager中包含的Fragment的改变(手滑动切换了页面)
      indicator.setOnPageChangeListener(new OnPageChangeListener() {

          @Override
          public void onPageSelected(int arg0) {
          }

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

          @Override
          public void onPageScrollStateChanged(int arg0) {
          }
      });
  }

    上面的代码注意三点：

    • pager.setOffscreenPageLimit(4); //缓存4个页面，有效的防止了卡顿现象
    • FragmentPagerAdapter的使用，以viewpager的方式来显示页面，并注意destroyItem方法，用以销毁显示在viewpager上的fragment视图，重写此方法，也可以达到防止卡顿现象 
        @Override
  public void destroyItem(ViewGroup container, int position, Object object) {
  // 这里Destroy的是Fragment的视图层次，并不是Destroy Fragment对象 
  //super.destroyItem(container, position, object);
  }
      最后加上一点防止卡顿现象，在androidmanifest.xml文件上的application中加入android:hardwareAccelerated="true"开启硬件加速
    • setOnPageChangeListener用法--》监听ViewPager中包含的Fragment的改变(手滑动切换了页面)
  • MainTabsWithIcons的资源中引用图标的设置： 
      <!-- 选择时的图片 -->
  <item android:state_selected="true" android:drawable="@drawable/tab_selected_news"/>
  <!-- 默认时的图片 -->
  <item android:drawable="@drawable/tab_default_news"/>
  • 在TestFragment中依靠传进来的第几个子项，进行创建第几个fragment 
      switch (currentNum) {
  case 0:
       mFragment=new InformationFragment();
      break;
  case 1:
       mFragment=new MapFragment();
      break;
  case 2:
       mFragment=new BBSFragment();
      break;
  case 3:
       mFragment=new MineFragment();
      break;
  default:
       mFragment=new InformationFragment();
      break;
  }

  • 分析最关键的TabPageIndicator类，进行理解，并修改，变成符合自己的要求

    • 继承了HorizontalScrollView，这个是水平滚动的view。和scrollview是垂直滚动。
    • 关注onMeasure()测量尺寸的方法。 
        @Override
  public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
      Log.d("onMeaureS", "widthMeasureSpec=" + widthMeasureSpec+",heightMeasureSpec="+heightMeasureSpec);
      final int widthMode = MeasureSpec.getMode(widthMeasureSpec);
      final boolean lockedExpanded = widthMode == MeasureSpec.EXACTLY;
      setFillViewport(lockedExpanded);
      final int childCount = mTabLayout.getChildCount();
      if (childCount > 1
              && (widthMode == MeasureSpec.EXACTLY || widthMode == MeasureSpec.AT_MOST)) {
          if (childCount > 2) {
              mMaxTabWidth = (int) (MeasureSpec.getSize(widthMeasureSpec) / 4f);//* 0.4f 进行合理的分配，可以跨屏。/4 分成4块，将所有的挤在一起
          } else {
              mMaxTabWidth = MeasureSpec.getSize(widthMeasureSpec) / 2;
              Log.d("onMeaureF", "mMaxTabWidth=" + mMaxTabWidth
                      + ",widthMode=" + widthMode);
          }
      } else {
          mMaxTabWidth = -1;
      }
      final int oldWidth = getMeasuredWidth();
      super.onMeasure(widthMeasureSpec, heightMeasureSpec);
      final int newWidth = getMeasuredWidth();
      if (lockedExpanded && oldWidth != newWidth) {
          // Recenter the tab display if we're at a new (scrollable) size.
          setCurrentItem(mSelectedTabIndex);
      }
  }
      其中： 
      mMaxTabWidth = (int) (MeasureSpec.getSize(widthMeasureSpec) / 4f);//* 0.4f 进行合理的分配，可以跨屏。/4 分成4块，将所有的挤在一起,形成微信的效果

    • addTab()方法，这是修改tab的大小，设置标题，设置位置等。
      private void addTab(int index, CharSequence text, int iconResId,int count) {

        final TabView tabView = new TabView(getContext());
  tabView.mIndex = index;
  tabView.setFocusable(true);
  tabView.setOnClickListener(mTabClickListener);
  //tabView.setText(text);
  if (iconResId != 0) {
      //自己设定图标的大小
      Drawable myIconBg = getResources().getDrawable(iconResId);

      DisplayMetrics dm = getResources().getDisplayMetrics();    //得到屏幕的大小,android 4.2好像有问题
      if(dm.widthPixels!=0){
          int currentWidth=dm.widthPixels/count;    //宽：依照有n块进行分割
          int currentHeight=currentWidth*dm.widthPixels/dm.heightPixels;//高：依照手机的屏幕比例进行分割
          myIconBg.setBounds(0,0,currentWidth,currentHeight);
      }
      else{
          myIconBg.setBounds(0,0,120,80);
      }
      //上、下、左、右设置图标
      tabView.setCompoundDrawables(myIconBg, null, null, null);
      //tabView.setCompoundDrawablesWithIntrinsicBounds(iconResId, 0, 0, 0);    //依靠图标的大小来决定
  }
  //指定高、宽、权重
  mTabLayout.addView(tabView, new LinearLayout.LayoutParams(0,
          WRAP_CONTENT, 1));

      }
      这里涉及到三个知识点：

      • 如何得到屏幕的分别率【DisplayMetrics】
      • 对于view的setCompoundDrawables和setCompoundDrawablesWithIntrinsicBounds两者的用法，以及区别

      • LayoutParams的用法，动态自定义控件并设置大小和相应的属性

  • 最后附加上涉及到相关类的完整代码
MainTabsWithIcons类：
 
package cn.hclab.PageIndicator;

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.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.ViewGroup;
import cn.hclab.activity.Common;
import cn.hclab.sgu.R;

import com.viewpagerindicator.IconPagerAdapter;
import com.viewpagerindicator.TabPageIndicator;

public class MainTabsWithIcons extends FragmentActivity {
	//标识的标签文字
    private static final String[] CONTENT = new String[] { "Calendar", "Camera", "Alarms", "Location" };
    private static final int[] ICONS = new int[] {
            R.drawable.tab_news,
            R.drawable.tab_map,
            R.drawable.tab_talk,
            R.drawable.tab_mine,
    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Common.mainContext=this;	//獲取主函數的context，為了fragment里的handler
        setContentView(R.layout.activity_page_tabs);

        FragmentPagerAdapter adapter = new GoogleMusicAdapter(getSupportFragmentManager());

        ViewPager pager = (ViewPager)findViewById(R.id.maintab_pager);
        pager.setOffscreenPageLimit(4);	//缓存4个页面
        pager.setAdapter(adapter);

        TabPageIndicator indicator = (TabPageIndicator)findViewById(R.id.maintab_indicator);
        indicator.setViewPager(pager);	//把indicator和viewpager的两者绑定在一起
        //监听ViewPager中包含的Fragment的改变(手滑动切换了页面)
        indicator.setOnPageChangeListener(new OnPageChangeListener() {
			
			@Override
			public void onPageSelected(int arg0) {
			}
			
			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2) {
			}
			
			@Override
			public void onPageScrollStateChanged(int arg0) {
			}
		});
    }
    //使用FragmentPagerAdapter，使得Fragment会一直在内存中，不会被销毁，但它的视图层次是会被销毁的
    class GoogleMusicAdapter extends FragmentPagerAdapter implements IconPagerAdapter {
        public GoogleMusicAdapter(FragmentManager fm) {
            super(fm);
        }
//4.
        @Override
        public Fragment getItem(int position) {
            return TestFragment.newInstance(CONTENT[position % CONTENT.length],position);
        }
        /**2.
         * 继承PagerAdapter或PagerAdapter子类的时候需要实现这个方法，用于设置标题
         */
        @Override
        public CharSequence getPageTitle(int position) {
            
            Log.d("getPageTitle", "position"+position);
            return CONTENT[position % CONTENT.length].toUpperCase();
        }
        /**
         * 返回标签的图片
         */
        @Override 
        public int getIconResId(int index) {
          return ICONS[index];
        }
        //1.
        @Override
        public int getCount() {
          return CONTENT.length;// 代表页数
        }
        @Override
	    public void destroyItem(ViewGroup container, int position, Object object) {
        // 这里Destroy的是Fragment的视图层次，并不是Destroy Fragment对象 
	    super.destroyItem(container, position, object);
	    }
    }
}

TestFragment类： 
package cn.hclab.PageIndicator;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import cn.hclab.fragment.BBSFragment;
import cn.hclab.fragment.InformationFragment;
import cn.hclab.fragment.MapFragment;
import cn.hclab.fragment.MineFragment;
/*
 * 所有ViewPager上真正显示的视图。
 */
public final class TestFragment extends Fragment {
    private static final String KEY_CONTENT = "TestFragment:Content";
    public int currentNum;
	public static Fragment newInstance(String content,int currentNum) {
		Fragment mFragment=null;
		Log.d("currentNum=",currentNum+"");
		switch (currentNum) {
		case 0:
			 mFragment=new InformationFragment();
			break;
		case 1:
			 mFragment=new MapFragment();
			break;
		case 2:
			 mFragment=new BBSFragment();
			break;
		case 3:
			 mFragment=new MineFragment();
			break;
		default:
			 mFragment=new InformationFragment();
			break;
		}

        return mFragment;
    }
	public TestFragment(){
		
	}
    private String mContent = "???";

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        if ((savedInstanceState != null) && savedInstanceState.containsKey(KEY_CONTENT)) {
            mContent = savedInstanceState.getString(KEY_CONTENT);
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
    		Bundle savedInstanceState) {
    	return super.onCreateView(inflater, container, savedInstanceState);
    }

    @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putString(KEY_CONTENT, mContent);
    }
}

TabPageIndicator类： 
/*
 * Copyright (C) 2011 The Android Open Source Project
 * Copyright (C) 2011 Jake Wharton
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
package com.viewpagerindicator;

import static android.view.ViewGroup.LayoutParams.MATCH_PARENT;
import static android.view.ViewGroup.LayoutParams.WRAP_CONTENT;
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;
import android.widget.TextView;
import cn.hclab.sgu.R;

/**
 * This widget implements the dynamic action bar tab behavior that can change
 * across different configurations or circumstances.
 */
public class TabPageIndicator extends HorizontalScrollView implements
		PageIndicator {
	/** Title text used when no title is provided by the adapter. */
	private static final CharSequence EMPTY_TITLE = "";

	/**
	 * Interface for a callback when the selected tab has been reselected.
	 */
	public interface OnTabReselectedListener {
		/**
		 * Callback when the selected tab has been reselected.
		 * 
		 * @param position
		 *            Position of the current center item.
		 */
		void onTabReselected(int position);
	}

	private Runnable mTabSelector;

	private final OnClickListener mTabClickListener = new OnClickListener() {
		public void onClick(View view) {
			TabView tabView = (TabView) view;
			final int oldSelected = mViewPager.getCurrentItem();
			final int newSelected = tabView.getIndex();
			mViewPager.setCurrentItem(newSelected);
			if (oldSelected == newSelected && mTabReselectedListener != null) {
				mTabReselectedListener.onTabReselected(newSelected);
			}
		}
	};

	private final IcsLinearLayout mTabLayout;

	private ViewPager mViewPager;
	private ViewPager.OnPageChangeListener mListener;//監聽頁面的改變

	private int mMaxTabWidth;
	private int mSelectedTabIndex;

	private OnTabReselectedListener mTabReselectedListener;
	//构造函数
	public TabPageIndicator(Context context) {
		this(context, null);
	}
	//1.
	public TabPageIndicator(Context context, AttributeSet attrs) {
		super(context, attrs);
		setHorizontalScrollBarEnabled(false);

		mTabLayout = new IcsLinearLayout(context,
				R.attr.vpiTabPageIndicatorStyle);
		addView(mTabLayout, new ViewGroup.LayoutParams(WRAP_CONTENT,
				MATCH_PARENT));
	}

	public void setOnTabReselectedListener(OnTabReselectedListener listener) {
		mTabReselectedListener = listener;
	}
	//9.
	@Override
	public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		Log.d("onMeaureS", "widthMeasureSpec=" + widthMeasureSpec+",heightMeasureSpec="+heightMeasureSpec);
		final int widthMode = MeasureSpec.getMode(widthMeasureSpec);
		final boolean lockedExpanded = widthMode == MeasureSpec.EXACTLY;
		setFillViewport(lockedExpanded);

		final int childCount = mTabLayout.getChildCount();
		if (childCount > 1
				&& (widthMode == MeasureSpec.EXACTLY || widthMode == MeasureSpec.AT_MOST)) {
			if (childCount > 2) {
				mMaxTabWidth = (int) (MeasureSpec.getSize(widthMeasureSpec) / 4f);//* 0.4f 进行合理的分配，可以跨屏。/4 分成4块，将所有的挤在一起
			} else {
				mMaxTabWidth = MeasureSpec.getSize(widthMeasureSpec) / 2;
				Log.d("onMeaureF", "mMaxTabWidth=" + mMaxTabWidth
						+ ",widthMode=" + widthMode);
			}
		} else {
			mMaxTabWidth = -1;
		}

		final int oldWidth = getMeasuredWidth();
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		final int newWidth = getMeasuredWidth();
		if (lockedExpanded && oldWidth != newWidth) {
			// Recenter the tab display if we're at a new (scrollable) size.
			setCurrentItem(mSelectedTabIndex);
		}
	}
	//6.
	private void animateToTab(final int position) {
		final View tabView = mTabLayout.getChildAt(position);
		if (mTabSelector != null) {
			removeCallbacks(mTabSelector);
		}
		mTabSelector = new Runnable() {
			public void run() {
				final int scrollPos = tabView.getLeft()
						- (getWidth() - tabView.getWidth()) / 2;
				smoothScrollTo(scrollPos, 0);
				mTabSelector = null;
			}
		};
		post(mTabSelector);
	}
	//8.
	@Override
	public void onAttachedToWindow() {
		super.onAttachedToWindow();
		if (mTabSelector != null) {
			// Re-post the selector we saved
			post(mTabSelector);
		}
	}

	@Override
	public void onDetachedFromWindow() {
		super.onDetachedFromWindow();
		if (mTabSelector != null) {
			removeCallbacks(mTabSelector);
		}
	}
	/*4.
	 * text 标签的名字
	 * iconResId 图标资源的id
	 */
	private void addTab(int index, CharSequence text, int iconResId,int count) {
		final TabView tabView = new TabView(getContext());
		tabView.mIndex = index;
		tabView.setFocusable(true);
		tabView.setOnClickListener(mTabClickListener);
//		tabView.setText(text);
		
		if (iconResId != 0) {
			//自己设定图标的大小
			Drawable myIconBg = getResources().getDrawable(iconResId);
			
			DisplayMetrics dm = getResources().getDisplayMetrics();	//得到屏幕的大小,android 4.2有问题
			if(dm.widthPixels!=0){
				int currentWidth=dm.widthPixels/count;	//宽：依照有n块进行分割
				int currentHeight=currentWidth*dm.widthPixels/dm.heightPixels;//高：依照手机的屏幕比例进行分割
				myIconBg.setBounds(0,0,currentWidth,currentHeight);
			}
			else{
				myIconBg.setBounds(0,0,120,80);
			}
			//上、下、左、右设置图标
			tabView.setCompoundDrawables(myIconBg, null, null, null);
//			tabView.setCompoundDrawablesWithIntrinsicBounds(iconResId, 0, 0, 0);	//依靠图标的大小来决定
		}
		//指定高、宽、权重
		mTabLayout.addView(tabView, new LinearLayout.LayoutParams(0,
				WRAP_CONTENT, 1));
	}

	@Override
	public void onPageScrollStateChanged(int arg0) {
		if (mListener != null) {
			mListener.onPageScrollStateChanged(arg0);
		}
	}
	//11.
	@Override
	public void onPageScrolled(int arg0, float arg1, int arg2) {
		if (mListener != null) {
			mListener.onPageScrolled(arg0, arg1, arg2);
		}
	}

	@Override
	public void onPageSelected(int arg0) {
		setCurrentItem(arg0);
		if (mListener != null) {
			mListener.onPageSelected(arg0);
		}
	}

	/*
	 * (non-Javadoc)
	 * 2.
	 * @see
	 * com.viewpagerindicator.PageIndicator#setViewPager(android.support.v4.
	 * view.ViewPager) indicator和ViewPager进行关联在一起
	 */
	@Override
	public void setViewPager(ViewPager view) {
		if (mViewPager == view) {
			return;
		}
		if (mViewPager != null) {
			mViewPager.setOnPageChangeListener(null);
		}
		final PagerAdapter adapter = view.getAdapter();
		if (adapter == null) {
			throw new IllegalStateException(
					"ViewPager does not have adapter instance.");
		}
		mViewPager = view;
		view.setOnPageChangeListener(this);
		// 进行处理逻辑--设置图标等相关工作
		notifyDataSetChanged();
	}

	/*3.
	 * notifyDataSetChanged通知方法，表示为这个ViewPager提供View(一般是Fragment)的 Adapter
	 * 里面的数据集发生变化时，执行的动作，这里可增加相关的逻辑。
	 */
	public void notifyDataSetChanged() {
		mTabLayout.removeAllViews();
		PagerAdapter adapter = mViewPager.getAdapter();
		IconPagerAdapter iconAdapter = null;
		if (adapter instanceof IconPagerAdapter) {
			iconAdapter = (IconPagerAdapter) adapter;
		}
		final int count = adapter.getCount();
		for (int i = 0; i < count; i++) {
			CharSequence title = adapter.getPageTitle(i);
			if (title == null) {
				title = EMPTY_TITLE;
			}
			int iconResId = 0;
			if (iconAdapter != null) {
				iconResId = iconAdapter.getIconResId(i);
			}
			addTab(i, title, iconResId,count);
		}
		if (mSelectedTabIndex > count) {
			mSelectedTabIndex = count - 1;
		}
		setCurrentItem(mSelectedTabIndex);
		requestLayout();
	}

	@Override
	public void setViewPager(ViewPager view, int initialPosition) {
		setViewPager(view);
		setCurrentItem(initialPosition);
	}
	//5.
	@Override
	public void setCurrentItem(int item) {
		if (mViewPager == null) {
			throw new IllegalStateException("ViewPager has not been bound.");
		}
		mSelectedTabIndex = item;
		mViewPager.setCurrentItem(item);

		final int tabCount = mTabLayout.getChildCount();
		for (int i = 0; i < tabCount; i++) {
			final View child = mTabLayout.getChildAt(i);
			final boolean isSelected = (i == item);
			child.setSelected(isSelected);
			if (isSelected) {
				animateToTab(item);
			}
		}
	}
	//7.
	@Override
	public void setOnPageChangeListener(OnPageChangeListener listener) {
		mListener = listener;
	}

	private class TabView extends TextView {
		private int mIndex;

		public TabView(Context context) {
			super(context, null, R.attr.vpiTabPageIndicatorStyle);
		}
		//10.
		@Override
		public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
			super.onMeasure(widthMeasureSpec, heightMeasureSpec);

			// Re-measure if we went beyond our maximum size.
			if (mMaxTabWidth > 0 && getMeasuredWidth() > mMaxTabWidth) {
				super.onMeasure(MeasureSpec.makeMeasureSpec(mMaxTabWidth,
						MeasureSpec.EXACTLY), heightMeasureSpec);
			}
		}

		public int getIndex() {
			return mIndex;
		}
	}
}

资源文件：activity_page_tabs.xml 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:background="@color/white"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
	<!-- indicator and ViewPager 要挨在一起 -->
	<android.support.v4.view.ViewPager
        android:id="@+id/maintab_pager"
        android:background="@color/white"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        />
     <com.viewpagerindicator.TabPageIndicator
	       
	       android:id="@+id/maintab_indicator"
	       android:layout_height="wrap_content"
	       android:layout_width="wrap_content"
	       /> 
</LinearLayout>

图标资源：tab_news.xml 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
	
    
    <!-- 选择时的图片 -->
    <item android:state_selected="true" android:drawable="@drawable/tab_selected_news"/>
    
    <!-- 默认时的图片 -->
    <item android:drawable="@drawable/tab_default_news"/>
</selector>
建议：
先到此博客，进行了解Android-viewPagerIndicator使用
http://www.cnblogs.com/qinghuaideren/p/3501999.html
TryIT1993
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Android项目Tab类型主界面大总结 Fragment+TabPageIndicator+ViewPager
2401_84149724的博客
05-04 821
主要就是ViewPager+ViewAdapter这个还是比较常见的，就不多说了效果图：代码：package com.example.mainframework02;import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.os.Bundle;import android.support.v4.view.PagerAdapter;import android.support.v4.v
ViewPagerIndicator--使用TabPageIndicator实现指针控件
JMathias的博客
08-25 915
1、所需工具     （1）第三方开源库文件Android-ViewPagerIndicator-master文件夹下的library     （2）模仿库文件的示例工程实现：导入Android-ViewPagerIndicator-master文件夹下的Sample工程，导入后的工程名：ListSample，查 看SampleTabsDefault.java文件。 2、具体实现步骤
Android开源框架ViewPageIndicator和ViewPager实现Tab导航
weixin_34184158的博客
08-24 175
前言： 关于使用ViewPageIndicator和ViewPager实现Tab导航，在开发社区里已经有一堆的博客对其进行了介绍，如果我还在这里写如何去实现，那简直就是老生常谈，毫无新鲜感，而且，我也不认为自己对ViewPageIndicator的理解会比别人好，毕竟我也是看着大神的帖子，在学习实践着。 那我还写这个有啥意义呢？其实么，...
android tabpageindicator 参数,android-ViewPagerIndicator：TabPagerIndicator不可见
weixin_29913535的博客
05-26 115
我现在正在与viewpagerindicator斗争.当我使用TitlePageIndicator时,一切正常.但是,当我尝试使用TabPageIndicator时,我看不到它.它不会出现在hierarchieview中.我尝试了很多类似实现getTitle和getPagetitle的操作,但是没有成功.当我将layout_height设置为100px时,我可以看到该栏,但是没有选项卡.真的很高兴...
TabPagerIndicator使用
qq_40638618的博客
04-30 478
1 注意/在清单文件中配置activity/theme=android:theme="@style/Theme.PageIndicatorDefaults"&gt;&lt;!--指示器--&gt; &lt;com.viewpagerindicator.TabPageIndicator android:id="@+id/indicator" android:l...
Android ViewPager 和 TabPageIndicator 的限制滑动和禁用点击
小码农的大世界
09-06 4992
前两天做一个项目的时候，有这么个需求，如下图：整个实现用的是TabPageIndicator + ViewPager ，现在的要求是上面的TabPageIndicator 和 下面的 ViewPager 都要能根据相应的数据做到TabPageIndicator限制是否可以点击（只限制点击，要保持能滑动）以及ViewPager是否可以滑动。（蛋疼的需求）首先看到这个问题的时候，第一想到的时候看源码有没
android-TabPagerIndicator-屏蔽左侧菜单托拽出来(当第0个页面的时候可以拖拽出来)
kenadc的博客
06-18 171
//注意：当tabpageindicatorviewpager关联后设置监听页面变化用tabpageindicator了，不能用 viewpager了1. tabpageindicator.setOnPageChangeListener(new MyOnPageChangeListener()); 2. class MyOnPageChangeListener implements View...
Android 自制ViewPager的指示器PagerIndicator
ccapton的博客
01-14 648
Bilibili客户端的效果不错，稍微思考一下发现原理不难，就尝试着自己写一个，终于成品出来了！
android-BiblioApp:简单的Android应用
03-30
4. **意图（Intent）**：Android应用通过意图进行通信，用于在不同的活动间传递数据或启动新的操作。例如，点击一个图书条目可能会启动一个新的活动来显示该书的详细信息。 5. **权限**：如果应用需要访问设备的...
android-training:【Android 修炼手册】
05-30
如果想从零开始学习 Android 开发，那么这系列内容是不合适的内容大纲Gradle 篇 -- 从使用到深入理解常用技术篇 -- 开发进阶必备Git 篇 -- 从使用到深入理解Git 使用Git 原理浅析常用开源库篇 -- 从使用到深入理解...
浅析word-break work-wrap的区别
12-13
注：通过word-break使用，可以实现让浏览器在任意位置换行。 语法：word-break: normal|break-all|keep-all; 默认值 normal 继承性 yes 版本 css3 Javascript语法 object.style.wordBreak="keep-all" ...
审计信息化问题浅析论文-.docx
12-02
【审计信息化问题浅析】 审计信息化是现代审计领域的一个重要课题，随着科技的进步，特别是信息技术的广泛应用，审计工作正经历着深刻的变革。本文将深入探讨审计信息化的发展历程、影响以及面临的问题。 1.1 审计...
react-source-code-analysis:React源码浅析
03-24
依赖介绍 参考： : " devDependencies " : { " babel-core " : " ^6.26.3 " , " babel-plugin-transform-react-jsx " : " ^6.24.1 " , " babel-preset-env " : " ^1.7.0 " , " parcel-bundler " : " ^1.12.4 ...
安卓智慧上海学习笔记系列——TabPageIndicator的使用
kerwinJu的博客
09-03 805
前段时间在谷歌电子市场里学到的是PagerTabStrip，今天在这个项目里用的是TabPageIndicator，现在也来介绍一下它的使用。 （1）把ViewPagerIndicator开源项目引入工作空间（注意supportV4包一定要和自己项目的V4包保持一致！如果不一致尽管可能不会报错，但运行的时候是会挂掉的！） （2）给自己的项目引入那个类库 （3）在xml布局文件里，在v
Android开源框架ViewPagerIndicator的基本使用
hdhhd的博客
07-25 1万+
很多新闻资讯类的app都有一些共性，那就是有一行页签，然后点击页签的内容后，会跳转到对应的页面。有很多此类app都是用到了ViewPagerIndicator这个开源框架。此篇博客就对这个框架的使用做一个笔记。后续随着在开发中不同的额使用场景，也会增加此博客的内容。 今天就先对他的使用方式，做一个介绍，完成一个小demo 首先，写一个布局。这个布局很简单，如果使用到，直接复制再根据实际需求稍作...
ViewPagerIndicator简要使用方法
haowei0708的博客
01-15 962
ViewPager指针项目，在使用ViewPager的时候能够指示ViewPager所在的位置，就像Google Play中切换的效果一样，还能使用在应用初始化的介绍页面 引入ViewPagerIndicator库 编写布局文件 <com.viewpagerindicator.TabPageIndicator android:id="@+id/indicator" android:layout_wi
Android项目Tab类型主界面大总结 Fragment+TabPageIndicator+ViewPager(2)
最新发布
2401_83703797的博客
04-10 414
面试是一个不断学习、不断自我提升的过程，有机会还是出去面面，至少能想到查漏补缺效果，而且有些知识点，可能你自以为知道，但让你说，并不一定能说得很好。有些东西有压力才有动力，而学到的知识点，都是钱（因为技术人员大部分情况是根据你的能力来定级、来发薪水的），技多不压身。附上我的面试各大专题整理： 面试指南，满满的都是干货，希望对大家有帮助！《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！滞不前！**
开源控件ViewPagerIndicator的使用
Mr_chai的博客
08-12 443
1.如何使用开源框架 第1步：improt library项目 第2步：导入library进我们自己新建的项目 从Github上Download下来这个zip包之后，里面会有一个library文件，是库工程，还有一个sample，是作者提供的例子（将sample这个项目import，可以看到作者提供的各种样式的Indicator，作为参考）。如果要在作者例子的基础上自己开发样式，需要将lib
Android-ViewPagerIndicator简单集成
热门推荐
dalancon的专栏
12-03 3万+
现在很多的应用页面都是由一个个的TAB组成的，我们可以用布局加事件监听实现tab ，只是这样的控制非常麻烦，而且有很多的开源项目可以实现这样的功能，我们今天就介绍一下ViewPagerIndicator，这个项目就是可以实现这种效果。 首先下载依赖项目 https://github.com/JakeWharton/Android-ViewPagerIndicator   这个页
NIST SP 800-53新版：联邦信息系统的安全控制选择与策略
"选择安全控制基线：以NIST SP 800-53新版为例" ...尽管该标准篇幅较长，但通过本文的浅析，读者可以了解其核心思想、应用途径和关键要素，帮助我国更好地应对信息安全挑战，构建更加安全可靠的IT环境。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值