android - 分层 ImageView

Question

我想像上面那样创建图像缩略图..为此，我在下面创建了 XML

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:gravity="center">


      <View
            android:id="@+id/view1"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:layout_marginTop="10dp"    
            android:background="@drawable/images1">
        </View>
        <View
            android:id="@+id/view2"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:layout_marginTop="20dp"
            android:layout_marginLeft="10dp"
            android:background="@drawable/images1">
        </View>
        <View
            android:id="@+id/view3"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:layout_marginTop="30dp"
            android:layout_marginLeft="20dp"
            android:background="@drawable/images1">
        </View>

</RelativeLayout>

但是我创建的这个是在 XML 中手动添加的。并且可能会在不同的设备类型中做出不同的 react 。有没有其他方法可以创建这种类型的 View ..

接受任何帮助。

谢谢。

Answer 1

你的想法很好。您正在使用 dp 作为大小单位，因此 Views 在不同设备上看起来相似。我唯一可以提出的改进 - 将所有这些东西移动到单独的 View 类:

class ThumbView extends RelativeLayout {
    private ImageView vLayer1;
    private ImageView vLayer2;
    private ImageView vLayer3;

    public ThumbView(Context context, String pathToFile) {
        super(context);
        LayoutInflater inflater = (LayoutInflater) getContext()
          .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        View view = inflater.inflate(R.layout.view_thumb, this, true);
        vLayer1 = view.findViewById(R.id.view1);
        vLayer2 = view.findViewById(R.id.view2);
        vLayer3 = view.findViewById(R.id.view3);

        Drawable drawable = Drawable.createFromPath(pathToFile);

        vLayer1.setImageDrawable(drawable);
        vLayer2.setImageDrawable(drawable);
        vLayer3.setImageDrawable(drawable);
    }
}

我假设您将使用库中的文件作为缩略图，因此将文件路径添加到构造函数。因此，从代码创建这些 View 会更容易。

可用于此目的的另一种方法是直接在 Canvas 上绘制 Bitmaps。如果你想创建大量这样的 View (例如在列表/网格中显示它们)，这种方式可以提供一些性能优势。请关注这个Guide了解更多详情。