android - android-如何通过使ImageView变灰来模拟按下的按钮？

我想在我的屏幕底部创建一个类似这样的控制面板。
这是照片

我想通过让点击的项目变黑来模拟按钮按下，所有没有点击的都变灰。如图所示，图片图标已被单击。
目前，我的解决方案是覆盖两行相同的imageview。一层由所有黑色图标组成，一层由所有灰色图标组成。当我单击一个图像时，我运行的代码如下所示：

private void galleryClicked() {
        mGalleryImageView_unclicked.setVisibility(View.INVISIBLE);
        mPersonalImageView_unclicked.setVisibility(View.VISIBLE);
        mExploreImageView_unclicked.setVisibility(View.VISIBLE);
        mMenuImageView_unclicked.setVisibility(View.VISIBLE);

        mGalleryImageView_clicked.setVisibility(View.VISIBLE);
        mPersonalImageView_clicked.setVisibility(View.INVISIBLE);
        mExploreImageView_clicked.setVisibility(View.INVISIBLE);
        mMenuImageView_clicked.setVisibility(View.INVISIBLE);
    }

我只是想知道是否有更有效或更好的方法来做这件事。当我在手机上运行此功能时，会感觉到响应有些滞后。谢谢您！

最佳答案

您可以将Radiobuttons与RadioGroup一起使用，并且每个RadioButton都有自己的选择器Drawable。然后RadioGroup将为您处理选择（选中一个将取消选中所有其他项）。
示例代码：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RadioGroup
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/item_one"
            style="@style/TabItem"
            android:checked="true"
            android:drawableTop="@drawable/selector_tab_item_one" />

        <RadioButton
            android:id="@+id/item_two"
            style="@style/TabItem"
            android:drawableTop="@drawable/selector_tab_item_two" />

        <RadioButton
            android:id="@+id/item_three"
            style="@style/TabItem"
            android:drawableTop="@drawable/selector_tab_item_three" />

        <RadioButton
            android:id="@+id/item_four"
            style="@style/TabItem"
            android:drawableTop="@drawable/selector_tab_item_four"/>
    </RadioGroup>

</RelativeLayout>

在@style/TabItem中声明res/values/styles.xml：

<style name="TabItem" parent="android:style/Widget.Holo.Light.TextView">
    <item name="android:layout_width">0dp</item>
    <item name="android:layout_height">wrap_content</item>
    <item name="android:layout_weight">1</item>
    <item name="android:paddingTop">15dp</item>
    <item name="android:drawablePadding">1dp</item>
    <item name="android:button">@null</item>
    <item name="android:background">@null</item>
    <item name="android:gravity">bottom|center_horizontal</item>
</style>

选择器如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/item_one_highlighted" android:state_checked="true"/>
    <item android:drawable="@drawable/item_one_highlighted" android:state_pressed="true"/>
    <item android:drawable="@drawable/item_one_default" />
</selector>

结果：