为什么文本没有出现在这个按钮上?

时间:2017-01-17 00:29:28

标签: android android-layout android-button

出于某种原因,在使用按钮创建LinearLayout时,最左边的按钮没有任何文字。

在布局预览中,它看起来很好。但在实际设备上,它看起来像这样: Broken layouts

这是布局代码:

<Button
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:id="@+id/minusOneButton"
        android:layout_gravity="center_horizontal"
        tools:text="-"
        android:textSize="25sp"
        android:textAlignment="center"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:id="@+id/minus5Button"
        android:layout_gravity="center_horizontal"
        tools:text="-5"
        android:textSize="25sp"
        android:textAlignment="center"
        android:layout_below="@+id/minusOneButton"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:text="+"
        android:id="@+id/plusOneButton"
        android:layout_gravity="center_horizontal"
        android:textSize="25sp"
        android:textAlignment="center"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/counterText" />

    <Button
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:text="+5"
        android:id="@+id/plus5Button"
        android:layout_gravity="center_horizontal"
        android:textSize="23sp"
        android:textAlignment="center"
        android:layout_below="@+id/plusOneButton"
        android:layout_alignLeft="@+id/plusOneButton"
        android:layout_alignStart="@+id/plusOneButton" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="0"
        android:id="@+id/counterText"
        android:layout_gravity="center_horizontal"
        android:textSize="60dp"
        android:layout_marginBottom="13dp"
        android:layout_alignBottom="@+id/plus5Button"
        android:layout_toRightOf="@+id/minusOneButton"
        android:layout_toEndOf="@+id/minusOneButton" />

即使在此布局中只有一个按钮,它也不显示文本。

这是用于使类可被其他布局使用的类:

public class HigherCounter extends LinearLayout implements View.OnClickListener{

    public HigherCounter(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater inflater = LayoutInflater.from(context);

        inflater.inflate(R.layout.higher_counter, this);
}

谢谢!

2 个答案:

答案 0 :(得分:4)

您在前2个按钮中使用tools:text,该属性仅用于渲染预览屏幕。
将它们替换为android:text,它们将在运行时出现。

答案 1 :(得分:3)

您正在使用tools:命名空间。这只会出现在预览工具中。

如果它只是静态文本,请将其更改为android: