首页 > 解决方案 > TabLayout 指示器(点)不显示

问题描述

根据这个 SO question ,我有一张ViewPagerTabLayout5 张幻灯片,并且正在寻找点来指示用户在哪张幻灯片上。

我的代码:

滑块.xml:

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

<android.support.design.widget.TabLayout
    android:id="@+id/dots"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_alignParentBottom="true"
     android:alpha=".5"
     app:tabBackground="@drawable/tab_selector"
     app:tabGravity="center"
     app:tabIndicatorHeight="0dp"
     app:tabPaddingEnd="6dp"
     app:tabPaddingStart="6dp"
 />

tab_selector.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true">
        <shape
            android:shape="ring"
            android:innerRadius="0dp"
            android:thickness="4dp"
            android:useLevel="false">
            <solid android:color="@android:color/holo_red_dark"/>
        </shape>
    </item>
    <item>
        <shape
            android:shape="ring"
            android:innerRadius="0dp"
            android:thickness="3dp"
            android:useLevel="false">
            <solid android:color="@android:color/holo_orange_light"/>
        </shape>
    </item>
</selector>

fragment_first_screen.xml:(图像持有者)

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/gradient_bg_first_screen">

    <ImageView
        android:id="@+id/first_screen_image"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@android:color/transparent"
        android:contentDescription="p"
        android:scaleType="fitCenter"
        android:visibility="visible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        tools:srcCompat="@tools:sample/backgrounds/scenic" />

</android.support.constraint.ConstraintLayout>

滑块.java

public class FirstScreensActivity extends FragmentActivity {
   private ViewPager pager;
   private TabLayout indicator;
   indicator = findViewById(R.id.dots);
   pager = findViewById(R.id.pager);

   pager.setAdapter(adapter);
   indicator.setupWithViewPager(pager, true);
   FragmentPagerAdapter adapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
        @Override
        public Fragment getItem(int position) {
            Bundle bundle = new Bundle();
            bundle.putInt("imgResource", imgResources[position]);
            FirstScreenFragment fragment = new FirstScreenFragment();
            fragment.setArguments(bundle);
            return fragment;
        }

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

这些点可见,但我知道选项卡在那里,因为我可以通过触摸它们来导航。TabLayout 背景是一个纯白色的空白条。所以点和选项卡选择器指示器都不可见,我不知道为什么。我已经尝试了很多例子,但无法让这些点出现。作为 3.5.1 (28)

标签: androidandroid-viewpagerandroid-tablayout

解决方案


推荐阅读