android - 按钮的随机大小和位置 : unexpected behavior

标签 android android-layout android-button android-constraintlayout

我的ConstraintLayout:

<?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:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="0dp"
        android:layout_marginTop="0dp"
        android:layout_marginEnd="0dp"
        android:layout_marginBottom="0dp"
        android:minWidth="0dp"
        android:minHeight="0dp"
        android:text="@string/start"
        android:visibility="visible"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

我的简化代码:

import android.annotation.SuppressLint;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;

import java.util.Random;


public class MainActivity extends AppCompatActivity {

    final Random rand = new Random();

    private Button btn;
    private float widthPixels, heightPixels;
    private float minBtnSize, maxBtnSize;


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

        /* Obtaining screen's display properties. */
        final DisplayMetrics displaymetrics = new DisplayMetrics();
        getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
        widthPixels = displaymetrics.widthPixels;
        heightPixels = displaymetrics.heightPixels; // includes BotNavBar
        heightPixels -= 162; // size of the "Virtual Nav Bar" at the bottom
        float minDim = Math.min(widthPixels, heightPixels);
        minBtnSize = minDim/25;
        maxBtnSize = minDim/2;


        /* Setting up the experiment's Button*/
        btn = findViewById(R.id.btn);
        btn.setOnTouchListener(new View.OnTouchListener(){
            public boolean onTouch(View view, MotionEvent event){

                /* Touch Events. */
                switch (event.getAction()) {

                    case MotionEvent.ACTION_UP:                            
                        /* Move and resize the button. */
                        launchNewAttempt(x, y);
                        break;

                    default:
                        break;
                }
                return true;
            }
        });

        /* Setting up the beginning Button's state. */
        init();
    }


    /**
     * Initializing the Button shown at the very beginning.
     */
    private void init() {
        btn.setX(0);
        btn.setY(0);
        btn.setWidth((int)widthPixels);
        btn.setHeight((int)heightPixels);
    }


    /**
     * Called whenever the user releases the experiment's button (pressed "UP").
     */
    private void launchNewAttempt() {

        /* Random size for the "new" button. */
        int size=(int)(minBtnSize+(maxBtnSize-minBtnSize)*rand.nextDouble());
        btn.setWidth(size);
        btn.setHeight(size);

        /* Random position for the "new" button. */
        float dx = rand.nextFloat() * (widthPixels - size);
        float dy = rand.nextFloat() * (heightPixels - size);
        btn.setX(dx);
        btn.setY(dy);
    }
}

预期行为:

开始时会出现一个填满整个屏幕的按钮。按下后,同一按钮会调整大小(正方形,边至少为屏幕宽度的 1/25,最多为屏幕宽度的 1/2)并在屏幕上随机移动。每次用户再次按下该按钮时,它的行为方式相同(新的随机位置和大小)。

我的问题:

btn.setX()btn.setY() 似乎没有按预期运行。我原以为他们会确定按钮在屏幕中的绝对位置,但是使用以下示例代码 init() 有一个奇怪的行为:

btn.setX(0);
btn.setY(0);
btn.setWidth(150);
btn.setHeight(150);

大小似乎没问题,但位置似乎是相对于屏幕中间的(尽管它似乎也取决于按钮的大小,因为使用前面介绍的代码它可以正确地填满整个屏幕)。我希望这样的位置相对于屏幕的左上角(不包括顶部的 ActionBar/TitleBar,也不包括底部的 NavigationBar)。

当运行我当前的代码时,Button 实际上有时最终会离开屏幕。这里有什么问题?

最佳答案

我试过你的代码用 LinearLayout 替换布局的根节点并且它工作正常,所以这意味着问题与 ContraintLayout 的内部逻辑有关.知道我试图改变按钮的位置时考虑约束而不是绝对位置,特别是关于按钮的顶部和开始边距。因此,launchNewAttempt() 方法可能与此类似:

private void launchNewAttempt() {
    final int size = (int) (minBtnSize + (maxBtnSize - minBtnSize) * rand.nextDouble());
    final int left = (int) (rand.nextFloat() * (widthPixels - size));
    final int top = (int) (rand.nextFloat() * (heightPixels - size));
    final ConstraintLayout.LayoutParams layoutParams = (ConstraintLayout.LayoutParams) btn.getLayoutParams();

    layoutParams.width = size;
    layoutParams.height = size;
    layoutParams.leftMargin = left;
    layoutParams.topMargin = top;

    btn.setLayoutParams(layoutParams);
}

我也只保留了两个约束来将按钮放置在布局中并删除了末尾和底部的约束:

<Button
    android:id="@+id/btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="0dp"
    android:layout_marginTop="0dp"
    android:layout_marginEnd="0dp"
    android:layout_marginBottom="0dp"
    android:minWidth="0dp"
    android:minHeight="0dp"
    android:text="Start"
    android:visibility="visible"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

希望这对你有用。

关于android - 按钮的随机大小和位置 : unexpected behavior,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54699100/

相关文章:

android - 将协调器布局与回收器 View 一起使用

java - 如何在弹出的expo项目中安装react-navigation?

java - 使用 Room Persistence 在运行时生成查询

android - TextView 的 HTML 格式化

android - 当 View 的父布局是 ConstraintLayout 时,我想要 View cover Button,但这不是我期望的结果

android - 如何以原始比例设置自定义单选按钮android的背景图像?

android - 使用 Android 将实时视频流传输到服务器

android - 弹出菜单从操作栏中的图标展开/折叠

android - 在图像中制作多个可点击区域

android - 使用 MaterialButton 和 shapeAppearance 渐变颜色