首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >圆指示器不可见

圆指示器不可见
EN

Stack Overflow用户
提问于 2018-04-06 18:40:21
回答 2查看 1.1K关注 0票数 2

我不知道为什么Circle Indicator在横幅布局中不可见。我使用的是库"me.relex:circleindicator"。但它不起作用。我想要在我的imageView下面的circleIndicator,但它看不见。

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

这是我在mainactivity中的代码:

代码语言:javascript
运行
复制
 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());

这是我的适配器:

代码语言:javascript
运行
复制
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:

代码语言:javascript
运行
复制
<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>

这是我的项目横幅:

代码语言:javascript
运行
复制
<?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>
EN

回答 2

Stack Overflow用户

发布于 2019-02-06 21:17:02

默认情况下,CircleIndicator的颜色是白色,因为布局的默认颜色是白色。CircleIndicator不可见。

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

代码语言:javascript
运行
复制
app:ci_drawable="@drawable/white_radius_circle_indicator"
app:ci_drawable_unselected="@drawable/black_radius_circle_indicator"

这里,app:ci_drawable用于选定的圆,app:ci_drawable_unselected用于未选定的圆。

res/drawable/white_radius_circle_indicator.xml

代码语言:javascript
运行
复制
<?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>

res/drawable/black_radius_circle_indicator.xml

代码语言:javascript
运行
复制
<?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>
票数 0
EN

Stack Overflow用户

发布于 2021-06-14 19:31:31

只需使用以下命令提升您的Circle Page指标:

代码语言:javascript
运行
复制
android:translationZ="4dp"

至少它对我来说是有效的

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49690944

复制
相关文章

相似问题

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