将 textView 定位在布局内特定高度的最佳方法?
Best way to position textView at a particular height inside of a Layout?
我有一个包含 svg 和 textview 的布局。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/container"
android:layout_width="50dp"
android:layout_height="100dp" >
<ImageView
android:id="@+id/svg"
android:layout_width="50dp"
android:layout_height="100dp"
android:src="@drawable/shape"/>
<TextView
android:id="@+id/number"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="30sp"
android:text="2"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"/>
</RelativeLayout>
如何配置此布局,以便包含数字的 textView 始终位于 svg 中十字线状间隙内?
此外,如果我调整容器的大小(相同的比例),我怎样才能使其他所有东西都优雅地保持定位?
尝试使用权重总和
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal"
android:orientation="vertical"
android:weightSum="3">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.5"
android:gravity="center_horizontal|center_vertical"
android:orientation="vertical">
<TextView
android:id="@+id/image_text"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:text="Image "
android:gravity="center"
android:textColor="@color/black" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2.5"
android:gravity="center_horizontal"
android:orientation="vertical"></LinearLayout>
</LinearLayout>
</LinearLayout>
试试这个代码,它是约束布局,TextView 将在 ImageView 的中心(水平)。
<?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=".MainActivity">
<ImageView
android:layout_width="50dp"
android:layout_height="100dp"
android:id="@+id/iv_demo"
android:scaleType="centerInside"
tools:src="@tools:sample/avatars"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2"
android:textSize="18sp"
android:layout_marginTop="20dp"
app:layout_constraintStart_toStartOf="@id/iv_demo"
app:layout_constraintEnd_toEndOf="@id/iv_demo"
app:layout_constraintTop_toTopOf="@id/iv_demo" />
</androidx.constraintlayout.widget.ConstraintLayout>
如果你想垂直居中,还要在 TextView 中再添加一行:app:layout_constraintBottom_toBottomOf="@id/iv_demo"
我有一个包含 svg 和 textview 的布局。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/container"
android:layout_width="50dp"
android:layout_height="100dp" >
<ImageView
android:id="@+id/svg"
android:layout_width="50dp"
android:layout_height="100dp"
android:src="@drawable/shape"/>
<TextView
android:id="@+id/number"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="30sp"
android:text="2"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"/>
</RelativeLayout>
如何配置此布局,以便包含数字的 textView 始终位于 svg 中十字线状间隙内?
此外,如果我调整容器的大小(相同的比例),我怎样才能使其他所有东西都优雅地保持定位?
尝试使用权重总和
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal"
android:orientation="vertical"
android:weightSum="3">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="0.5"
android:gravity="center_horizontal|center_vertical"
android:orientation="vertical">
<TextView
android:id="@+id/image_text"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:text="Image "
android:gravity="center"
android:textColor="@color/black" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="2.5"
android:gravity="center_horizontal"
android:orientation="vertical"></LinearLayout>
</LinearLayout>
</LinearLayout>
试试这个代码,它是约束布局,TextView 将在 ImageView 的中心(水平)。
<?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=".MainActivity">
<ImageView
android:layout_width="50dp"
android:layout_height="100dp"
android:id="@+id/iv_demo"
android:scaleType="centerInside"
tools:src="@tools:sample/avatars"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="2"
android:textSize="18sp"
android:layout_marginTop="20dp"
app:layout_constraintStart_toStartOf="@id/iv_demo"
app:layout_constraintEnd_toEndOf="@id/iv_demo"
app:layout_constraintTop_toTopOf="@id/iv_demo" />
</androidx.constraintlayout.widget.ConstraintLayout>
如果你想垂直居中,还要在 TextView 中再添加一行:app:layout_constraintBottom_toBottomOf="@id/iv_demo"