android - android 中的数字选择器无法正确显示

Question

我开始使用 android studio 构建应用程序，但马上遇到了一些问题。目前，我的号码选择器在 XML 预览中看起来像这样:

但是当我运行应用程序(在模拟器上)时，它看起来像这样:

有一个 TextView 在预览中看不到，但会在应用程序运行时出现，这就是为什么您会在模拟器屏幕截图中看到文本“Time's up”。我想知道的是，为什么数字选择器离我的 TextView 如此之近并且偏向左侧？我不介意风格的改变(事实上我很欢迎)但我不明白他们为什么要搬家。任何帮助是极大的赞赏!这是我的 XML 代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context="com.skytbest.intervaltrainer.MainActivity">

<TextView
    android:id="@+id/timer"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:paddingRight="10dip"
    android:paddinBottom="50dip"
    android:textSize="50dp"
 />

<Button
    android:id="@+id/button"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:text="Start"    />

<NumberPicker
    android:id="@+id/numberPicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@+id/timer"
    android:layout_toLeftOf="@+id/timer"
    android:paddingTop="50dp"   />

<NumberPicker
    android:id="@+id/numberPicker2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@+id/numberPicker"
    android:layout_toRightOf="@+id/numberPicker"
    android:paddingTop="50dp"   />


</RelativeLayout>

Answer 1

这是使用我评论中的建议的工作布局。请注意，在 TextView 中放置一些文本有助于 UI 设计人员更好地显示布局。即使那样，它有时也与您在屏幕上看到的不匹配，尤其是当您的布局约束组合无效时。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            tools:context="com.skytbest.intervaltrainer.MainActivity">
<TextView
        android:id="@+id/timer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_alignParentTop="true"
        android:text="Label"
        android:paddingBottom="50dp"
        android:paddingTop="50dp"
        android:textSize="50dp"
        />
<Button
        android:id="@+id/button"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:text="Start"/>

<LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/timer">
    <NumberPicker
            android:id="@+id/numberPicker"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />
    <NumberPicker
            android:id="@+id/numberPicker2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            />
</LinearLayout>