屏幕旋转后按钮消失

Posted

技术标签:

【中文标题】屏幕旋转后按钮消失【英文标题】:button disappears after screen rotation 【发布时间】:2021-07-15 23:34:18 【问题描述】:

我有一个简单的应用程序,它有一个按钮和一个 TextView,当我尝试屏幕旋转时,TextView 保持不变,而按钮消失如下。

当我再次旋转屏幕时,按钮又回来了。

我找不到解决方案,这可能是一个错误吗?

1- 为什么会出现这种情况,我猜是关于 onCreate() 状态,但是为什么 TextView 会在 Button 消失时停留?

2- 如何解决这个问题

3-我是用Bundle存号的,和这个问题有关系吗?

我正在使用最新版本的 android Studio。这是我的代码

MainActivity.java

package com.example.kalicidegiskenler;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity 

    TextView t1;
    Button b1;
    int say;

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

        t1 = (TextView) findViewById(R.id.text1);
        b1 = (Button) findViewById(R.id.button);

        if (savedInstanceState != null)

            say = savedInstanceState.getInt("sayac");
            t1.setText(String.valueOf(say));
        
        else 
            say = 0;
        
        
        b1.setOnClickListener(new View.OnClickListener() 
            @Override
            public void onClick(View v) 
                say ++;
                t1.setText(String.valueOf(say));
            
        );

    

    @Override
    protected void onSaveInstanceState(@NonNull Bundle outState) 
        super.onSaveInstanceState(outState);

        outState.putInt("sayac", say);
    

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".MainActivity">

    <TextView
        android:id="@+id/text1"
        android:layout_
        android:layout_
        android:text="Hello World!"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0.498"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.12" />

    <Button
        android:id="@+id/button"
        android:layout_
        android:layout_
        android:layout_marginStart="159dp"
        android:layout_marginLeft="159dp"
        android:layout_marginBottom="513dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

【问题讨论】:

这是因为使用了app:layout_constraintBottom_toBottomOf:按钮放置在距离屏幕底部513dp处。在 lanscape 中,它位于工具栏上方的某个位置,因此您看不到它。 @Michiel 这实际上是有道理的,但 Button 也有来自顶部的约束,它不应该将 Button 放在顶部和底部的这些约束之间吗?为什么底部约束“覆盖”顶部约束? TextView 确实设置了所有 4 个约束,Button 没有:它只有一个底部和开始约束。被覆盖的一件事是开始边距的左边距。问题是,你会把按钮放在哪里?如果你想把它放在 tetxtview 下,你也可以添加:app:layout_constraintTop_toBottomOf="@+id/text1" 并将android:layout_marginBottom 更改为更小的值。 @Michiel 你能写下你的评论作为答案吗,我不想删除这个问题,以便未来的访问者可以看到它。 别以为这和android studio有什么关系 【参考方案1】:

这是因为按钮被拉出屏幕;工具栏上方的某处。

app:layout_constraintBottom_toBottomOf 与 513dp 的内边距结合使用时,按钮会超出 320 dp 的屏幕宽度(或横向高度)。

如果直接在文本下方对齐,它将始终可见:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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=".MainActivity">

    <TextView
        android:id="@+id/text1"
        android:layout_
        android:layout_
        android:text="Hello World!"

        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintVertical_bias="0.12" />

    <Button
        android:id="@+id/button"
        android:layout_
        android:layout_

        app:layout_constraintTop_toBottomOf="@+id/text1"        
        android:layout_marginTop="16dp"

        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:text="Button" />

</androidx.constraintlayout.widget.ConstraintLayout>

专业提示:Google 建议对内边距、边距和大小使用 8dp 的倍数。这可以在不同的屏幕尺寸上很好地缩放,如果视图落在网格中,它在美学上是令人愉悦的。

【讨论】:

以上是关于屏幕旋转后按钮消失的主要内容,如果未能解决你的问题,请参考以下文章

旋转后recyclerview行中的图像消失

带有约束的 iOS 6.0 AutoLayout 问题:旋转时子视图消失

单击按钮时,在 setRequestedOrientation 后自动旋转不起作用

屏幕旋转时,小部件上的按钮单击丢失

如何在设备旋转后以编程方式创建的 UIButtons 保持在屏幕底部?

Live Data Observer On 按钮 屏幕旋转时单击