在模拟器上运行时，我的 Android 布局设计不在同一位置，并显示它们的位置不正确

Posted 2023-04-18

技术标签:

【中文标题】在模拟器上运行时，我的 Android 布局设计不在同一位置，并显示它们的位置不正确【英文标题】：My Android layout design is not on the same placement when running it on emulator, and shows them incorrect positioned 【发布时间】：2017-12-07 08:29:09 【问题描述】：

我正在使用 android 2.3.3 版本并在其上制作井字游戏。我在设计布局时遇到了对象放置问题，并且游戏的游戏状态也有问题。任何帮助都会很棒！

看下面我的布局图片

这是我的 xml 代码：

    <?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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_
    android:layout_
    tools:context="com.sherzod.ion.tictactoeandroid.MainActivity">

    <GridLayout
        android:layout_
        android:layout_
        android:layout_marginBottom="46dp"
        android:layout_marginEnd="1dp"
        android:layout_marginLeft="1dp"
        android:layout_marginRight="1dp"
        android:layout_marginStart="1dp"
        android:layout_marginTop="46dp"
        android:background="@drawable/board"
        android:columnCount="3"
        android:rowCount="3"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.0"
        tools:layout_constraintBottom_creator="1"
        tools:layout_constraintLeft_creator="1"
        tools:layout_constraintRight_creator="1"
        tools:layout_constraintTop_creator="1">

        <ImageView
            android:id="@+id/imageView"
            android:layout_
            android:layout_
            android:layout_column="0"
            android:layout_marginBottom="10dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_row="0"
            android:onClick="dropIn"
            android:tag="0" />

        <ImageView
            android:id="@+id/imageView5"
            android:layout_
            android:layout_
            android:layout_column="1"
            android:layout_marginBottom="10dp"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:layout_row="0"
            android:onClick="dropIn"
            android:tag="1"/>

        <ImageView
            android:id="@+id/imageView6"
            android:layout_
            android:layout_
            android:layout_column="2"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="10dp"
            android:layout_row="0"
            android:onClick="dropIn"
            android:tag="2"/>

        <ImageView
            android:id="@+id/imageView9"
            android:layout_
            android:layout_
            android:layout_column="0"
            android:layout_marginBottom="10dp"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="40dp"
            android:layout_row="1"
            android:onClick="dropIn"
            android:tag="3"/>

        <ImageView
            android:id="@+id/imageView10"
            android:layout_
            android:layout_
            android:layout_column="1"
            android:layout_marginBottom="10dp"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="40dp"
            android:layout_row="1"
            android:onClick="dropIn"
            android:tag="4"
            tools:ignore="RtlHardcoded" />

        <ImageView
            android:id="@+id/imageView11"
            android:layout_
            android:layout_
            android:layout_column="2"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="40dp"
            android:layout_row="1"
            android:onClick="dropIn"
            android:tag="5" />

        <ImageView
            android:id="@+id/imageView12"
            android:layout_
            android:layout_
            android:layout_column="0"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="50dp"
            android:layout_row="2"
            android:onClick="dropIn"
            android:tag="6"/>

        <ImageView
            android:id="@+id/imageView14"
            android:layout_
            android:layout_
            android:layout_column="2"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="50dp"
            android:layout_row="2"
            android:onClick="dropIn"
            android:tag="7"/>

        <ImageView
            android:id="@+id/imageView13"
            android:layout_
            android:layout_
            android:layout_column="1"
            android:layout_marginLeft="20dp"
            android:layout_marginTop="50dp"
            android:layout_row="2"
            android:onClick="dropIn"
            android:tag="8"/>

    </GridLayout>
</android.support.constraint.ConstraintLayout>

这是我的主要活动文件：

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity 

    // 0 = yellow ; 1 = red;
    int activePlayer = 0;

    // ** 2 means unplayed
    int[] gameState = 2, 2, 2, 2, 2, 2, 2, 2, 2;


    public void dropIn(View view) 

        ImageView counter = (ImageView) view;

        System.out.println(counter.getTag().toString());

        int tappedCounter = Integer.parseInt(counter.getTag().toString());


        if(gameState[tappedCounter] == 2) 
            gameState[tappedCounter] = activePlayer;
        

        counter.setTranslationY(-1000f);

        if(activePlayer == 0) 
            counter.setImageResource(R.drawable.yellow);
            activePlayer = 1;

        else 
            counter.setImageResource(R.drawable.red);
            activePlayer = 0;
        



        counter.animate().translationYBy(1000f).rotation(360).setDuration(200);

    


    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

【问题讨论】：

【参考方案1】：

我对您的布局做了一些更改：

为每个网格项添加了columnWeight 和rowWeight 为每个网格项添加了layout_gravityfill

查看下方xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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_
android:layout_>

<GridLayout
    android:layout_
    android:layout_
    android:background="@drawable/board" 
    android:layout_marginBottom="46dp"
    android:layout_marginEnd="1dp"
    android:layout_marginLeft="1dp"
    android:layout_marginRight="1dp"
    android:layout_marginStart="1dp"
    android:layout_marginTop="46dp"
    android:columnCount="3"
    android:rowCount="3"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintVertical_bias="0.0"
    tools:layout_constraintBottom_creator="1"
    tools:layout_constraintLeft_creator="1"
    tools:layout_constraintRight_creator="1"
    tools:layout_constraintTop_creator="1">

    <ImageView
        android:id="@+id/imageView"
        android:layout_
        android:layout_
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:layout_gravity="fill"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:onClick="dropIn"
        android:src="@mipmap/ic_launcher"
        android:tag="0" />

    <ImageView
        android:id="@+id/imageView5"
        android:layout_
        android:layout_
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:layout_gravity="fill"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="10dp"
        android:onClick="dropIn"
        android:src="@mipmap/ic_launcher"
        android:tag="1" />

    <ImageView
        android:id="@+id/imageView6"
        android:layout_
        android:layout_
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:layout_gravity="fill"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="10dp"
        android:onClick="dropIn"
        android:src="@mipmap/ic_launcher"
        android:tag="2" />

    <ImageView
        android:id="@+id/imageView9"
        android:layout_
        android:layout_
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:layout_gravity="fill"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="40dp"
        android:onClick="dropIn"
        android:src="@mipmap/ic_launcher"
        android:tag="3" />

    <ImageView
        android:id="@+id/imageView10"
        android:layout_
        android:layout_
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:layout_gravity="fill"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="10dp"
        android:layout_marginTop="40dp"
        android:onClick="dropIn"
        android:src="@mipmap/ic_launcher"
        android:tag="4"
        tools:ignore="RtlHardcoded" />

    <ImageView
        android:id="@+id/imageView11"
        android:layout_
        android:layout_
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:layout_gravity="fill"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="40dp"
        android:onClick="dropIn"
        android:src="@mipmap/ic_launcher"
        android:tag="5" />

    <ImageView
        android:id="@+id/imageView12"
        android:layout_
        android:layout_
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:layout_gravity="fill"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="50dp"
        android:onClick="dropIn"
        android:src="@mipmap/ic_launcher"
        android:tag="6" />

    <ImageView
        android:id="@+id/imageView14"
        android:layout_
        android:layout_
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:layout_gravity="fill"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="50dp"
        android:onClick="dropIn"
        android:src="@mipmap/ic_launcher"
        android:tag="7" />

    <ImageView
        android:id="@+id/imageView13"
        android:layout_
        android:layout_
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
        android:layout_gravity="fill"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="50dp"
        android:onClick="dropIn"
        android:src="@mipmap/ic_launcher"
        android:tag="8" />

</GridLayout>
</android.support.constraint.ConstraintLayout>

【讨论】：

对不起，但是当我在模拟器上运行它时，一切都搞砸了！我也检查了模拟器，但我没有GridLayout 背景。你能在没有GridLayout背景的情况下检查吗？你知道为什么拖放功能不能按预期定位项目，还是我应该进行任何配置以使布局设计视图在模拟器上运行时看起来相同？

以上是关于在模拟器上运行时，我的 Android 布局设计不在同一位置，并显示它们的位置不正确的主要内容，如果未能解决你的问题，请参考以下文章

在 Android 设备上运行时，FontMetrics 不正确。模拟器不错

Eclipse运行Android时模拟器是一片黑的怎么办

如果使用物理设备或 Bluestacks 模拟器，布局显示会非常不同

如何设置Android Studio绘制布局时的视图

仅在物理设备而非模拟器上运行 Android 应用程序

Android Studio 3.2 布局“预览”没有正确模拟材料设计组件