知识养成了思想,思想同时又在融化知识。这篇文章主要讲述Android studio ConstraintLayout大小调整问题相关的知识,希望能为你提供帮助。
我在android Studio中还很陌生,我遇到了ConstraintLayout的问题。即,我正在尝试使我的应用程序完全响应,并且在将组件的宽度完美地调整为任何屏幕尺寸的同时,我不知道如何以相同的方式调整高度。相反,我的布局垂直离开了屏幕。
<
?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_width="match_parent"
android:layout_height="match_parent"
tools:context="com.skorupinski.lunchtime.LoginActivity">
<
androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/info_box"
android:layout_width="match_parent"
android:layout_height="254dp"
android:background="@drawable/gradient_bg"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintBottom_toTopOf="@+id/login_form"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<
ImageButton
android:id="@+id/back_button"
android:layout_width="45dp"
android:layout_height="45dp"
android:background="@drawable/back_arrow3"
android:contentDescription="back_arrow"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.005"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.013" />
<
ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginLeft="133dp"
android:layout_marginTop="64dp"
android:layout_marginRight="133dp"
android:layout_marginBottom="64dp"
android:src="https://www.songbingjia.com/android/@drawable/logo"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.593" />
<
/androidx.constraintlayout.widget.ConstraintLayout>
<
androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/login_form"
android:layout_width="match_parent"
android:layout_height="478dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/info_box"
app:layout_constraintVertical_bias="0.0">
<
EditText
android:id="@+id/login_input"
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_marginLeft="49dp"
android:layout_marginRight="49dp"
android:layout_marginBottom="20dp"
app:layout_constraintBottom_toTopOf="parent"
app:layout_constraintHorizontal_bias="0.491"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="parent"
app:layout_constraintVertical_bias="0.779" />
<
EditText
android:id="@+id/password_input"
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_marginLeft="49dp"
android:layout_marginRight="49dp"
app:layout_constraintBottom_toTopOf="parent"
app:layout_constraintHorizontal_bias="0.491"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="parent"
app:layout_constraintVertical_bias="0.577" />
<
TextView
android:id="@+id/login_input_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/font"
android:text="E-mail"
android:textColor="#000"
android:textSize="20sp"
app:layout_constraintBottom_toTopOf="@+id/login_input"
app:layout_constraintHorizontal_bias="0.14"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="1.0" />
<
TextView
android:id="@+id/password_input_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/font"
android:text="Has?o"
android:textColor="#000"
android:textSize="20sp"
app:layout_constraintBottom_toTopOf="@+id/password_input"
app:layout_constraintHorizontal_bias="0.136"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="1.0" />
<
Button
android:layout_width="match_parent"
android:layout_height="62dp"
android:layout_marginLeft="49dp"
android:layout_marginRight="49dp"
android:background="@drawable/round_gradient_button"
android:fontFamily="@font/font"
android:text="Zaloguj si?"
android:textColor="#000"
android:textSize="20sp"
app:layout_constraintBottom_toTopOf="parent"
app:layout_constraintHorizontal_bias="0.497"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="parent"
app:layout_constraintVertical_bias="0.341" />
<
/androidx.constraintlayout.widget.ConstraintLayout>
<
/androidx.constraintlayout.widget.ConstraintLayout>
我希望布局完全适合任何屏幕尺寸。
答案我认为您的约束与xml文件中的视图未正确连接。
尝试一下,我已经修改了您的xml代码。检查一下,让我知道。
<
?xml version="1.0" encoding="utf-8"?>
<
androidx.core.widget.NestedScrollView
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">
<
androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<
androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/info_box"
android:layout_width="match_parent"
android:layout_height="254dp"
android:background="@color/colorAccent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintBottom_toTopOf="@+id/login_form"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<
ImageButton
android:id="@+id/back_button"
android:layout_width="45dp"
android:layout_height="45dp"
android:layout_marginLeft="8dp"
android:layout_marginTop="16dp"
android:background="@drawable/ic_arrow_back_black_24dp"
android:contentDescription="back_arrow"
android:tint="#FFFFFF"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.005"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.013" />
<
ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginStart="64dp"
android:layout_marginLeft="64dp"
android:layout_marginTop="64dp"
android:layout_marginEnd="64dp"
android:layout_marginRight="64dp"
android:layout_marginBottom="64dp"
android:src="https://www.songbingjia.com/android/@drawable/ic_launcher_foreground"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.593" />
<
/androidx.constraintlayout.widget.ConstraintLayout>
<
androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/login_form"
android:layout_width="match_parent"
android:layout_height="478dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="1.0"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toBottomOf="@+id/info_box"
app:layout_constraintVertical_bias="0.0">
<
EditText
android:id="@+id/login_input"
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_marginStart="49dp"
android:layout_marginLeft="49dp"
android:layout_marginTop="60dp"
android:layout_marginEnd="49dp"
android:layout_marginRight="49dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<
EditText
android:id="@+id/password_input"
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_marginStart="49dp"
android:layout_marginLeft="49dp"
android:layout_marginTop="44dp"
android:layout_marginEnd="49dp"
android:layout_marginRight="49dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/login_input" />
<
TextView
android:id="@+id/login_input_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="E-mail"
android:textColor="#000"
android:textSize="20sp"
app:layout_constraintBottom_toTopOf="@+id/login_input"
app:layout_constraintHorizontal_bias="0.14"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="1.0" />
<
TextView
android:id="@+id/password_input_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Has?o"
android:textColor="#000"
android:textSize="20sp"
app:layout_constraintBottom_toTopOf="@+id/password_input"
app:layout_constraintHorizontal_bias="0.136"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="1.0" />
<
Button
android:layout_width="match_parent"
android:layout_height="62dp"
android:layout_marginStart="49dp"
android:layout_marginLeft="49dp"
android:layout_marginTop="60dp"
android:layout_marginEnd="49dp"
android:layout_marginRight="49dp"
android:text="Zaloguj si?"
android:textColor="#000"
android:textSize="20sp"
app:layout_constraintEnd_toEndOf="@+id/password_input"
app:layout_constraintStart_toStartOf="@+id/password_input"
app:layout_constraintTop_toBottomOf="@+id/password_input" />
<
/androidx.constraintlayout.widget.ConstraintLayout>
<
/androidx.constraintlayout.widget.ConstraintLayout>
<
/androidx.core.widget.NestedScrollView>
快乐编码。
另一答案【Android studio ConstraintLayout大小调整问题】考虑使用ScrollView元素,但其中包含ConstraintLayout元素,我建议至少在必要时使用单个ConstraintLayout。刚开始使用ConstraintLayout时,我使用了this,它非常有用。
推荐阅读
- mcapply(所有计划的核心在用户代码中遇到错误)
- 使用具有目的为“ android.rfid.INPUT”的意图的sendBroadcast
- App Engine模块之间的快速通信方式
- Unity IAP在Apple Testflight中不起作用
- 未找到模块'apple_sign_in'
- 如何使用C语言中的星号打印带有对角线的空心方形/矩形/矩形图案
- 使用React Native开发跨平台移动应用程序的路线图
- 如何使用Plesk在Debian 9和Ubuntu 18.04上的Plesk中安装PHP 5.6
- 如何在Paint.net中以WebP格式保存图像