Android ImageButton ButtonState 图像未显示

Question

我在 Wallace Jackson 的 "Android Apps for Absolute Beginners"，第 3 版工作。

当前在第 9 章末尾（第 350 页）。

我更新了资源目录中的 PNG 文件、图像按钮状态文件和主要 activity 布局。我得到了一些意想不到的行为，这并不奇怪，因为大多数书籍代码示例并不是开箱即用的，但我对此有点困惑。图像按钮不显示在滑动窗格布局的左窗格中。我可以在图像应该出现的位置看到三个白色的小矩形，但它们应该是正方形（好吧，圆形，但从技术上讲，图像仍然是具有透明度的正方形）。里面应该还有星系的小图片。

Android studio 没有给我任何错误，状态文件甚至有显示适当按钮状态资源的缩略图。

我正在使用 AndroidStudio 1.1.0 和 JRE 1.7。0_71。我正在使用 Android 5.1

在 Google Nexus 7 上进行调试

按钮状态文件（注意 Whosebug 正在混淆终止选择器标签）

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_hovered="true" android:drawable="@drawable/imagebutton1hover" />
<item android:state_pressed="true" android:drawable="@drawable/imagebutton1press" />
<item android:state_focused="true" android:drawable="@drawable/imagebutton1focus" />
<item android:drawable="@drawable/imagebutton1normal" />

布局文件

<android.support.v4.widget.SlidingPaneLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/spLayout"
android:background="@drawable/ninepatchframe">
<LinearLayout
    android:layout_width="110dp"
    android:layout_height="match_parent"
    android:layout_weight="0.25"
    android:orientation="vertical">
    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/galaxyOne"
        android:src="@drawable/ibstates1"
        android:contentDescription="@string/galaxyone"/>
    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/galaxyTwo"
        android:src="@drawable/ibstates2"
        android:contentDescription="@string/galaxytwo"/>
    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/galaxyThree"
        android:src="@drawable/ibstates3"
        android:contentDescription="@string/galaxythree"/>
</LinearLayout>
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:background="@drawable/galaxyinfoscreen">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="#00000000"
        android:layout_margin="12dp">
        <TextView
            android:text="@string/hello_world"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#FFFFFF"
            android:layout_marginLeft="48dp" android:textStyle="bold"/>
        <TextView
            android:text="@string/galaxy_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#FFFFFF" />
        <TextView
            android:text="@string/galaxy_solar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#FFFFFF" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/galaxy_habit"
            android:textColor="#FFFFFF" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/galaxy_colony"
            android:textColor="#FFFFFF" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/galaxy_pop"
            android:textColor="#FFFFFF" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/galaxy_fleet"
            android:textColor="#FFFFFF" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/galaxy_ships"
            android:textColor="#FFFFFF" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:background="#00000000"
        android:layout_marginTop="33dp">
        <TextView
            android:text="@string/name_data"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#FFFFFF"
            android:id="@+id/name"/>
        <TextView
            android:text="@string/solar_data"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#FFFFFF"
            android:id="@+id/solar"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/habit_data"
            android:textColor="#FFFFFF"
            android:id="@+id/habit"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/colony_data"
            android:textColor="#FFFFFF"
            android:id="@+id/colony"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/pop_data"
            android:textColor="#FFFFFF"
            android:id="@+id/pop"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/fleet_data"
            android:textColor="#FFFFFF"
            android:id="@+id/fleet"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/ships_data"
            android:textColor="#FFFFFF"
            android:id="@+id/ships"/>
    </LinearLayout>
</LinearLayout>

另一件奇怪的事情...不认为它相关，但谁知道呢。书中的屏幕截图显示了整个滑动窗格面板周围的九个补丁面板，但在我的应用程序中，九个补丁完全被右侧面板覆盖（在那一侧根本看不到）。

有什么想法吗？

Answer 1

其他人已经 post 回答了这个问题。对他来说不幸的是，链接 post 的 OP 从未承认 PSIXO 的正确答案。

image button with selector in android studio error rendering

对于那些不想阅读整个线程的人，物理文件名必须以“.xml”结尾。关于 Android 编程的书指示 reader 创建一个名为 "ibstates" 的文件，但名称必须是 "ibstates.xml" 或 Android Studio 将在引用时中断并退出它作为一种资源。

Android ImageButton ButtonState 图像未显示

Android ImageButton ButtonState images are not displaying

android

png

android-imagebutton

slidingpanelayout