Question

我努力了，弄清楚可能是什么问题。我正在尝试创建一个音乐播放器，以下是我的XML文件

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/img_btn_playlist_pressed"
    android:id="@+id/list"
    android:background="@null"/>

<TextView
    android:text="Select a song to play"
    android:typeface="serif"
    android:textStyle="bold"
    android:textSize="30dp"
    android:textColor="#FFFFFF"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="13dp"
    android:layout_marginTop="94dp"
    android:id="@+id/text"
    android:layout_alignParentTop="true"
    android:layout_alignParentStart="true"
    android:layout_row="0"
    android:layout_column="1" />

<SeekBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_marginBottom="51dp"
    android:id="@+id/seekBar"
    android:layout_alignEnd="@+id/forward"
    android:layout_alignStart="@+id/text" />

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/img_btn_previous_pressed"
    android:layout_marginStart="24dp"
    android:id="@+id/backward"
    android:background="@null"
    android:layout_alignTop="@+id/forward"
    android:layout_alignStart="@+id/seekBar" />

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/img_btn_play"
    android:id="@+id/play"
    android:layout_row="21"
    android:layout_column="1"
    android:background="@null"
    android:layout_marginBottom="42dp"
    android:layout_above="@+id/seekBar"
    android:layout_toEndOf="@+id/backward"
    android:layout_marginStart="25dp" />

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/img_btn_forward_pressed"
    android:layout_marginTop="14dp"
    android:id="@+id/forward"
    android:background="@null"
    android:layout_alignTop="@+id/play"
    android:layout_alignEnd="@+id/text"
    android:layout_marginEnd="26dp" />

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/img_btn_repeat"
    android:id="@+id/repeat"
    android:background="@null"
    android:layout_alignBottom="@+id/forward"
    android:layout_toEndOf="@+id/text"
    android:layout_marginStart="8dp" />

这是Android studio中上述布局的屏幕截图。

Screenshot

问题是，当我尝试在手机上运行相同的按钮时，手机上没有任何按钮显示，只有TextView和SeekBar可见，没有任何按钮。可能是什么问题呢？为什么按钮不可见，即使它在Android Studio中看起来很好......

PS：我在这里使用RelativeLayout。任何帮助将不胜感激。：）

Answer 1

使用以下代码。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    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=".MainActivity">

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/img_btn_playlist_pressed"
        android:id="@+id/list"/>

    <TextView
        android:text="Select a song to play"
        android:typeface="serif"
        android:textStyle="bold"
        android:textSize="30dp"
        android:textColor="#FFFFFF"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="13dp"
        android:layout_marginTop="94dp"
        android:id="@+id/text"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true"
        android:layout_row="0"
        android:layout_column="1" />

    <SeekBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="51dp"
        android:id="@+id/seekBar"
        android:layout_alignEnd="@+id/forward"
        android:layout_alignStart="@+id/text" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/img_btn_previous_pressed"
        android:layout_marginStart="24dp"
        android:id="@+id/backward"
        android:layout_alignTop="@+id/forward"
        android:layout_alignStart="@+id/seekBar" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/img_btn_play"
        android:id="@+id/play"
        android:layout_row="21"
        android:layout_column="1"
        android:layout_marginBottom="42dp"
        android:layout_above="@+id/seekBar"
        android:layout_toEndOf="@+id/backward"
        android:layout_marginStart="25dp" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/img_btn_forward_pressed"
        android:layout_marginTop="14dp"
        android:id="@+id/forward"
        android:layout_alignTop="@+id/play"
        android:layout_alignEnd="@+id/text"
        android:layout_marginEnd="26dp" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/img_btn_repeat"
        android:id="@+id/repeat"
        android:layout_alignBottom="@+id/forward"
        android:layout_toEndOf="@+id/text"
        android:layout_marginStart="8dp" />


</RelativeLayout>

如果仍然不起作用，请使用以下代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    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=".MainActivity">

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img_btn_playlist_pressed"
        android:id="@+id/list"/>

    <TextView
        android:text="Select a song to play"
        android:typeface="serif"
        android:textStyle="bold"
        android:textSize="30dp"
        android:textColor="#FFFFFF"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="13dp"
        android:layout_marginTop="94dp"
        android:id="@+id/text"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true"
        android:layout_row="0"
        android:layout_column="1" />

    <SeekBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="51dp"
        android:id="@+id/seekBar"
        android:layout_alignEnd="@+id/forward"
        android:layout_alignStart="@+id/text" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img_btn_previous_pressed"
        android:layout_marginStart="24dp"
        android:id="@+id/backward"
        android:layout_alignTop="@+id/forward"
        android:layout_alignStart="@+id/seekBar" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img_btn_play"
        android:id="@+id/play"
        android:layout_row="21"
        android:layout_column="1"
        android:layout_marginBottom="42dp"
        android:layout_above="@+id/seekBar"
        android:layout_toEndOf="@+id/backward"
        android:layout_marginStart="25dp" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img_btn_forward_pressed"
        android:layout_marginTop="14dp"
        android:id="@+id/forward"
        android:layout_alignTop="@+id/play"
        android:layout_alignEnd="@+id/text"
        android:layout_marginEnd="26dp" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img_btn_repeat"
        android:id="@+id/repeat"
        android:layout_alignBottom="@+id/forward"
        android:layout_toEndOf="@+id/text"
        android:layout_marginStart="8dp" />


</RelativeLayout>

Android按钮未显示在手机

1 个答案: