Android 重叠个人资料照片视图答案

【问题标题】：Android overlapping profile photos viewAndroid 重叠个人资料照片视图
【发布时间】：2018-11-22 09:16:35
【问题描述】：

我正在尝试实现这个视图。

我试过这样。

<LinearLayout
            android:id="@+id/images"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_gravity="center_horizontal"
            android:gravity="center_horizontal"
            android:layout_marginTop="10dp">

            <com.mikhaellopez.circularimageview.CircularImageView
                android:id="@+id/image1"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:src="@drawable/profile_default"
                app:civ_border_width="1dp"
                app:civ_border_color="@color/white_two"
                app:civ_shadow="false"/>

            <com.mikhaellopez.circularimageview.CircularImageView
                android:id="@+id/image2"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:src="@drawable/profile_default"
                android:layout_marginStart="-10dp"
                app:civ_border_width="1dp"
                app:civ_border_color="@color/white"
                app:civ_shadow="false"/>

        </LinearLayout>

但是第二张图片保持在第一张的上方，我想要它反过来。我会以编程方式添加图像，所以我认为我不能使用RelativeLayout。这是可能的还是已经有一个现有的 Android 库？

【问题讨论】：

你试过 FrameLayout 吗？
把你的代码添加到 ImageView 中。
用户RelativeLayout和marginStart或end -2dp
希望这可以帮助你github.com/KartikPrajapati/StackImageView
@ZahoorSaleem 这正是我想要的

标签： android android-linearlayout android-imageview

【解决方案1】：

您可以尝试在您的第一个代码中使用android:elevation="8dp" 来制作您的第一个视图

【讨论】：

【解决方案2】：

这就是我以编程方式生成图像的方法。

 val circleImageView1 = CircleImageView(context)
        circleImageView1.layoutParams = LinearLayout.LayoutParams(Tools.dpToPx(40), Tools.dpToPx(40))
        circleImageView1.borderWidth = 1
        circleImageView1.borderColor = ContextCompat.getColor(context, R.color.white_two)
        circleImageView1.circleBackgroundColor = ContextCompat.getColor(context, R.color.blue)
        circleImageView1.setImageResource(R.drawable.profile_default)

        val layoutParams = LinearLayout.LayoutParams(Tools.dpToPx(40), Tools.dpToPx(40))
        layoutParams.setMargins(Tools.dpToPx(-10), 0, 0, 0)

        val circleImageView2 = CircleImageView(context)
        circleImageView2.layoutParams = layoutParams
        circleImageView2.borderWidth = 1
        circleImageView2.borderColor = ContextCompat.getColor(context, R.color.white_two)
        circleImageView2.circleBackgroundColor = ContextCompat.getColor(context, R.color.red)
        circleImageView2.setImageResource(R.drawable.profile_default)

        val circleImageView3 = CircleImageView(context)
        circleImageView3.layoutParams = layoutParams
        circleImageView3.borderWidth = 1
        circleImageView3.borderColor = ContextCompat.getColor(context, R.color.white_two)
        circleImageView3.circleBackgroundColor = ContextCompat.getColor(context, R.color.green)
        circleImageView3.setImageResource(R.drawable.profile_default)

        itemView.images.addView(circleImageView1)
        itemView.images.addView(circleImageView2)
        itemView.images.addView(circleImageView3)

        itemView.images.scaleX = -1.0f

现在我只需要确保反向浏览图像列表，因为顺序很重要。

【讨论】：