android - Android - 约束布局 - 文本和图标的对齐方式
问题描述
首先,我是 Android 开发的新手。
我的问题是关于 Android Studio/Development 中不同视图的对齐方式。特别是图标和文本的正确高度对齐。
如您所见,我尝试将文本与图标对齐。然而,结果在模拟器中看起来略有不同。
这是我的 .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_width="match_parent"
android:layout_height="match_parent"
tools:context=".DashboardActivity">
<TextView
android:id="@+id/textView3"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_marginStart="32dp"
android:layout_marginTop="32dp"
android:layout_marginBottom="352dp"
android:fontFamily="@font/poppins_medium"
android:text="Dashboard"
android:textAlignment="viewStart"
android:textColor="@color/colorText"
android:textSize="30sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView10"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.04" />
<ImageView
android:id="@+id/imageView10"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginEnd="32dp"
app:layout_constraintBottom_toBottomOf="@+id/textView3"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/textView3"
app:layout_constraintTop_toTopOf="@+id/textView3"
app:srcCompat="@drawable/ic_settings_black_24dp" />
</androidx.constraintlayout.widget.ConstraintLayout>
我的问题是:
1.如何修复这两个视图的对齐方式?
2.为什么模拟器中的结果不一样?
3.是否有正确对齐视图的最佳实践?
解决方案
<?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=".DashboardActivity">
<TextView
android:id="@+id/textView3"
android:layout_width="0dp"
android:layout_height="50dp"
android:layout_marginStart="32dp"
android:layout_marginTop="32dp"
android:layout_marginBottom="352dp"
android:fontFamily="@font/poppins_medium"
android:text="Dashboard"
android:textAlignment="viewStart"
android:textColor="@color/colorText"
android:textSize="30sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toStartOf="@+id/imageView10" />
<ImageView
android:id="@id/imageView10"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginEnd="32dp"
app:srcCompat="@drawable/ic_settings_black_24dp"
app:layout_constraintTop_toTopOf="@id/textView3"
app:layout_constraintBottom_toBottomOf="@id/textView3"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
推荐阅读
- angular - Ag-Grid 在 IE11 和 Angular 1.x 中不起作用
- openshift - 将 Openshift 映像的内容导出到文件
- python - Python中如何判断一张png图片是否有透明层
- android - ConnectivityManager 的替代方案 - NetworkInfo - getExtraInfo() 在 Android P 中作为其 null
- html - 引导菜单
- 当鼠标移动到下拉内容时改变颜色
- php - 保存 rtf 文件时的问题(phpword lib)
- python - SQLAlchemy + MariaDB:MySQL 服务器已经消失
- git - git prepush 钩子中的赫斯基错误
- c# - 将 .csproj 从 .NET Framework 4.5 迁移到 .NET Core 2.1.1
- javascript - 检测用户是否连接到互联网?