Android Studio-在不同设备上的3D网格上的位置错误

时间:2019-01-06 13:07:18

标签: java android android-studio gridview layout

如果对某人来说这不是一个足够的问题,我正在道歉地构建我的第一个应用。

目标:设置带有令牌的3D网格。

问题:每部智能手机的外观都不同。

第一个选项:网格布局。用网格图像设置背景。由于瓷砖大小不同,效果不好。

第二个选项:每行垂直合并LinearLayout并结合水平LinearLayout。背景作为图像视图插入。同样的问题:令牌与磁贴不匹配。此尝试的代码为:

    <ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:srcCompat="@drawable/grid" />

    <LinearLayout
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:layout_marginStart="78dp"
    android:layout_marginLeft="78dp"
    android:layout_marginTop="90dp"
    android:layout_marginEnd="78dp"
    android:layout_marginRight="78dp"
    android:layout_marginBottom="350dp"
    android:orientation="vertical"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.0">

        <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            app:srcCompat="@drawable/officer" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            app:srcCompat="@drawable/officer" />

        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            app:srcCompat="@drawable/officer" />

        <ImageView
            android:id="@+id/imageView4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            app:srcCompat="@drawable/officer" />
    </LinearLayout>
</LinearLayout>

Image of wrong positions

0 个答案:

没有答案