【问题标题】:how can i round corner of constraint layout or cardview or viewpager我怎样才能圆约束布局或cardview或viewpager的角落
【发布时间】:2019-08-19 08:13:27
【问题描述】:

我想把我的viewpager的一角弄圆,它是一个图像滑块

我尝试使用形状来圆角约束布局和 viewpager 和.. 但它不起作用 我使用了卡片视图,但它也不起作用

   <android.support.v7.widget.CardView
                android:layout_width="300dp"
                android:layout_height="200dp"
                android:layout_margin="20dp"
                app:cardCornerRadius="24dp"
                android:elevation="8dp"
                android:padding="1dp">
                <android.support.constraint.ConstraintLayout
                    android:id="@+id/slider_layout"
                    android:layout_width="299dp"
                    android:layout_height="199dp"
                    android:layout_gravity="center"
                    >

                    <android.support.v4.view.ViewPager
                        android:id="@+id/image_slider_view_pager"
                        android:layout_width="0dp"
                        android:layout_height="0dp"
                        app:layout_constraintEnd_toEndOf="parent"
                        app:layout_constraintStart_toStartOf="parent"
                        app:layout_constraintTop_toTopOf="parent"
                        app:layout_constraintBottom_toBottomOf="parent"

                        />

                </android.support.constraint.ConstraintLayout>
            </android.support.v7.widget.CardView>

【问题讨论】:

  • 分享你想要的图片。
  • @Piyush 我想要 app:cardCornerRadius="24dp" 处理 viewpager 的图像,图像的角是圆形的
  • 发布仅使用 app:cardCornerRadius="24dp" 的屏幕截图。删除 View pager insider cardview 并查看是否显示角落。
  • @viv 是的,它可以在没有 viewpager 的情况下工作

标签: android xml android-viewpager android-cardview android-constraintlayout


【解决方案1】:

您不能对viewPager 进行四舍五入,您只需创建一个可绘制的圆角矩形(或任何所需形状)并将其设置为viewPager 的每个子片段的父布局的背景。

【讨论】:

  • 如何圆角图像视图?我的浏览器模板只是一个图像视图
  • 您可以将可绘制背景添加到您的 imageView 中,如果所有 4 个角都是圆形的,否则您应该使用 GlideGlide Transformations 来修改您的图像形状
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-10-24
  • 2020-01-16
  • 2016-07-30
相关资源
最近更新 更多