Question

我是android的新手。我正在尝试制作一个简单的应用程序。有两个按钮（左和右）和一个图像。图像根据单击的按钮向左或向右移动。

问题如下图： LEFT button is clicked multiple times RIGHT button is clicked several times

向左移动是可以的，但是当图像向右移动时，图像将在某些东西后面消失。请让我知道为什么图像消失以及如何解决这个问题。

这是activity_main.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_width="match_parent"
android:layout_height="match_parent"
tools:context="com.alticast.avoidpoo.MainActivity">

<RelativeLayout
    android:id="@+id/relative_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginBottom="8dp"
    android:layout_marginEnd="8dp"
    android:layout_marginStart="8dp"
    android:layout_marginTop="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    tools:layout_constraintBottom_creator="1"
    tools:layout_constraintLeft_creator="1"
    tools:layout_constraintRight_creator="1"
    tools:layout_constraintTop_creator="1">

    <ImageView
        android:id="@+id/img_android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/buttonLinearLayout"
        android:layout_centerHorizontal="true"
        android:visibility="visible"
        app:srcCompat="@mipmap/ic_launcher" />

    <LinearLayout
        android:id="@+id/buttonLinearLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        tools:layout_editor_absoluteX="8dp"
        tools:layout_editor_absoluteY="8dp">

        <Button
            android:id="@+id/btn_left"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/left"
            android:visibility="visible" />

        <Button
            android:id="@+id/btn_right"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/right"
            android:visibility="visible" />
    </LinearLayout>
</RelativeLayout>
</android.support.constraint.ConstraintLayout>

这是MainActivity.class。

package com.alticast.avoidpoo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewTreeObserver;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.RelativeLayout;

public class MainActivity extends AppCompatActivity {

    int layout_width;          // the width of relative layout
    int layout_height;         // the height of relative layout

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

    public void init() {
        Button btn_left = (Button) findViewById(R.id.btn_left);
        Button btn_right = (Button) findViewById(R.id.btn_right);
        btn_left.setOnClickListener(moveBtnClickListener);
        btn_right.setOnClickListener(moveBtnClickListener);

        final RelativeLayout relativeLayout = (RelativeLayout) findViewById(R.id.relative_layout);
        ViewTreeObserver vto = relativeLayout.getViewTreeObserver();
        vto.addOnGlobalLayoutListener(new     ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                layout_height = relativeLayout.getMeasuredHeight();
                layout_width = relativeLayout.getMeasuredWidth();
            }
        });
    }

    View.OnClickListener moveBtnClickListener = new View.OnClickListener() {

        @Override
        public void onClick(View view) {

            ImageView img_android = (ImageView) findViewById(R.id.img_android);
            int id = view.getId();
            if (id == R.id.btn_left) {
                int x = img_android.getLeft();
                if (x-10 <= 0) return;
                img_android.setLeft(x-10);
            } else if (id == R.id.btn_right) {
                int x = img_android.getLeft();
                if (x+10 > layout_width-img_android.getWidth()) return;
                img_android.setLeft(x+10);
            }
        }
    };
}

=============================================== =============================== 我通过使用setLayoutParams（）方法解决了这个问题。猜测直接在图像视图上调用setLeft（）似乎是一个坏主意。这似乎是使用LayoutParams的关键。

新的MainActivity.class如下。：

View.OnClickListener moveBtnClickListener = new View.OnClickListener() {

    @Override
    public void onClick(View view) {
        ImageView img_android = (ImageView) findViewById(R.id.img_android);
        RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams)img_android.getLayoutParams();

        int id = view.getId();
        if (id == R.id.btn_left) {
            if (params.leftMargin-10 < 0) return;
            params.leftMargin = params.leftMargin - 10;
        } else if (id == R.id.btn_right) {
            if (params.leftMargin+10 > layout_width-img_android.getWidth()) return;
            params.leftMargin = params.leftMargin + 10;
        }
        img_android.setLayoutParams(params);
    }
};

在activity_main.xml中，我刚从图片视图中删除了'android：layout_centerHorizontal =“true”'。

        <ImageView
        android:id="@+id/img_android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/buttonLinearLayout"
        android:visibility="visible"
        app:srcCompat="@mipmap/ic_launcher" />

Android - 在RelativeLayout中，ImageView未显示在特定区域中

0 个答案: