在Android Support Lib版本4中,PagerTabStrip并不直接支持添加图标或drawable。但是,您可以通过自定义PagerAdapter和PagerTabStrip来实现这个功能。以下是一个简单的示例:
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.support.v4.view.PagerAdapter;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
public class CustomPagerAdapter extends PagerAdapter {
private Context mContext;
private Drawable[] mDrawableArray;
private String[] mTitles;
public CustomPagerAdapter(Context context, Drawable[] drawableArray, String[] titles) {
mContext = context;
mDrawableArray = drawableArray;
mTitles = titles;
}
@Override
public Object instantiateItem(ViewGroup container, int position) {
LayoutInflater inflater = LayoutInflater.from(mContext);
View view = inflater.inflate(R.layout.pager_item, container, false);
ImageView imageView = view.findViewById(R.id.imageView);
TextView textView = view.findViewById(R.id.textView);
imageView.setImageDrawable(mDrawableArray[position]);
textView.setText(mTitles[position]);
container.addView(view);
return view;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
@Override
public int getCount() {
return mDrawableArray.length;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
}
<?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"
android:gravity="center">
<ImageView
android:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"/>
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16sp"
android:textColor="@android:color/white"/>
</LinearLayout>
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v4.view.PagerTabStrip
android:id="@+id/pagerTabStrip"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="top"
android:paddingTop="4dp"
android:paddingBottom="4dp"
android:textColor="@android:color/white"
android:background="@android:color/darker_gray"/>
</android.support.v4.view.ViewPager>
public class MainActivity extends AppCompatActivity {
private ViewPager mViewPager;
private PagerTabStrip mPagerTabStrip;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mViewPager = findViewById(R.id.viewPager);
mPagerTabStrip = findViewById(R.id.pagerTabStrip);
// 设置ViewPager的滚动监听器,以便在滚动时更新PagerTabStrip的显示
mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
mPagerTabStrip.setTabIndicatorPosition(position + positionOffset);
}
@Override
public void onPageSelected(int position) {
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
// 创建自定义PagerAdapter
Drawable[] drawableArray = new Drawable[]{
ContextCompat.getDrawable(this, R.drawable.ic_home),
ContextCompat.getDrawable(this, R.drawable.ic_search),
ContextCompat.getDrawable(this, R.drawable.ic_settings)
};
String[] titles = new String[]{"Home", "Search", "Settings"};
CustomPagerAdapter adapter = new CustomPagerAdapter(this, drawableArray, titles);
// 设置PagerAdapter
mViewPager.setAdapter(adapter);
mPagerTabStrip.setTabIndicatorColor(ContextCompat.getColor(this, R.color.colorAccent));
}
}
现在,您应该可以在PagerTabStrip中看到带有图标的标签。请注意,这个示例使用了Android Support Lib的最新版本,您可能需要根据您的项目需求进行调整。
领取专属 10元无门槛券
手把手带您无忧上云