Android 圆圈指示器不可见

我不知道为什么

圆圈指示器在横幅布局中不可见。我正在使用库
“me.relex:circleindicator”
。但它不起作用。我希望circleIndicator位于imageView下方，但它不可见

下面显示的屏幕截图显示了我想要圆圈指示器的位置


这是我在mainactivity中的代码：

 public class MainActivity extends AppCompatActivity {

    DialogInterface.OnClickListener listener;
    @BindView(R.id.vp_mainLayout)
    ViewPager viewPager;
    @BindView(R.id.circleindicator)
    CircleIndicator circleIndicator;
    //    private ViewPager viewPager;
    //    private CircleIndicator circleIndicator;
    int gambar[] = {R.drawable.banner1, R.drawable.banner2, 
    R.drawable.no_photo, 
    R.drawable.peta_indonesia};
    private int currentPage = -1;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().requestFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
        getWindow().requestFeature(Window.FEATURE_ACTION_BAR_OVERLAY);
        setContentView(R.layout.activity_main);

        ButterKnife.bind(this);
        getSupportActionBar().setBackgroundDrawable(new 
        ColorDrawable(Color.parseColor("#300000ff")));
        getSupportActionBar().setBackgroundDrawable(new 
        ColorDrawable(Color.TRANSPARENT));
        getSupportActionBar().setStackedBackgroundDrawable(new 
        ColorDrawable(Color.parseColor("#550000ff")));

        BannerAdapter bannerAdapter = new BannerAdapter(gambar, 
        MainActivity.this);
        viewPager.setAdapter(bannerAdapter);
        circleIndicator.setViewPager(viewPager);


bannerAdapter.registerDataSetObserver(circleIndicator.getDataSetObserver());

这是我的适配器：

public class BannerAdapter extends PagerAdapter {

int[] gambar;
Activity activity;

public BannerAdapter(int[] gambar, Activity activity) {
    this.gambar = gambar;
    this.activity = activity;
}

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

@Override
public Object instantiateItem(ViewGroup container, int position) {
    LayoutInflater inflater = (LayoutInflater) 
activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View v = inflater.inflate(R.layout.item_banner, container, false);
    ImageView img = v.findViewById(R.id.imgbanner);

    Glide.with(activity)
            .load(gambar[position])
            .into(img);

    container.addView(v);
    return v;
}

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

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

这是我的XML：

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical">

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="230dp"
    app:cardCornerRadius="0dp">

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

    <me.relex.circleindicator.CircleIndicator
        android:id="@+id/circleindicator"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_gravity="bottom"
        app:ci_gravity="center" />
</android.support.v7.widget.CardView>
</LinearLayout>



这是我的物品横幅：

<?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">

<ImageView
    android:id="@+id/imgbanner"
    android:layout_width="match_parent"
    android:layout_height="180dp"
    android:scaleType="centerCrop" />

</LinearLayout>

默认情况下，CircleIndicator的颜色为白色，因为布局的默认颜色为白色。圆圈指示器不可见

可以在XML文件中使用以下属性使其可见

app:ci_drawable="@drawable/white_radius_circle_indicator"
app:ci_drawable_unselected="@drawable/black_radius_circle_indicator"

此处，app:ci\u drawable用于选定的圆，而app:ci\u drawable\u unselected用于未选定的圆

res/drawable/white\u radius\u circle\u indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
    android:color="@color/accent"/>
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
    android:color="@android:color/black"/>
</shape>



res/drawable/black\u radius\u circle\u indicator.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
    android:color="@color/accent"/>
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
    android:color="@android:color/black"/>
</shape>

只需用以下方法提升圆圈页面指示器：

android:translationZ="4dp"

至少它对我有用
你是否尝试过将viewpager高度作为包裹内容？是的，我以前尝试过包裹内容，但没有效果你是否使用了白色背景色？没有，@Jyoti JK。。。我在背景中不提供任何颜色。可为circleIndicator绘制背景设置ci_