首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >用PagerTitleStrip平均分配标题

用PagerTitleStrip平均分配标题
EN

Stack Overflow用户
提问于 2015-11-23 09:58:08
回答 1查看 138关注 0票数 0

这是我的PagerTitleStrip的XML:

代码语言:javascript
复制
    <android.support.v4.view.ViewPager
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="500dp"
        android:scaleType="centerCrop">

        <android.support.v4.view.PagerTitleStrip
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            style="@style/viepagertitlestrip"
            android:layout_gravity="top" />

    </android.support.v4.view.ViewPager>

以下是我的自定义PagerAdapter类:

代码语言:javascript
复制
public class CustomPagerAdapter extends PagerAdapter {

    private int[] image_resources = {
            R.drawable.1,
            R.drawable.2,
            R.drawable.3,
    };
    private Context ctx;
    private LayoutInflater layoutInflater;
    public CustomPagerAdapter(Context ctx) {
        this.ctx = ctx;
    }

    @Override
    public int getCount() {
        return image_resources.length;
    }

    @Override
    public boolean isViewFromObject(View view, Object o) {
        return (view == (RelativeLayout) o);
    }

    @Override
    public CharSequence getPageTitle(int position) {
        String[] titlesArray = {
                "Title 1",
                "Title 2",
                "Title 3",
        };

        return titlesArray[position];
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        layoutInflater = (LayoutInflater) ctx.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View item_view = layoutInflater.inflate(R.layout.pager_item, container, false);
        ImageView imageview = (ImageView) item_view.findViewById(R.id.image_view);
        imageview.setImageResource(image_resources[position]);
        container.addView(item_view);
        return item_view;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView((RelativeLayout) object);
    }
}

我修改PagerTitleStrip元素的自定义样式:

代码语言:javascript
复制
<style name="viepagertitlestrip">
    <item name="android:layout_width">fill_parent</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:background">#d3d3d3</item>
    <item name="android:textColor">#666666</item>
    <item name="android:textSize">12sp</item>
</style>

就我个人而言,我发现PagerTitleStrip在默认情况下是非常丑陋的。我讨厌下一页的标题被压到屏幕的一边。我的图像阵列将有大约20幅图像。基本上,我希望每个寻呼机标题都是一个小点,我希望它们都能均匀地分布在一个页面上。这个是可能的吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-11-23 10:20:27

要将GitHub项目导入您的构建中:

  1. JitPack存储库添加到构建文件中。

将其添加到存储库末尾的build.gradle中:

代码语言:javascript
复制
repositories {
    // ...
    maven { url "https://jitpack.io" }
 }
  1. 添加依赖项 依赖项{编译'com.github.JakeWharton:ViewPagerIndicator:2.4.1@aar‘}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33868102

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档