多个视图的 state_pressed 背景，onClick

Question

如何在单击任意一个视图时同时在多个View上实现android:background更改效果？

我得到了一个分为两部分的“徽章”布局。它们的作用就像一个按钮，但两个部分具有不同的 StateListDrawable （选择器），为 state_pressed 等定义背景。第一部分是带有图像的标题（“lefter”） 。第二个是充满各种子内容的内容区域。 这一切都归结为两个部分的内容都有不同的尺寸。

我希望两个徽章部分分别拉伸，并在按下其中任何一个时共享共同的背景效果。

<LinearLayout
    style="@style/Badge">

    <!-- LEFTER -->
    <LinearLayout
            style="@style/BadgeLefter"
            android:background="@drawable/badge_lefter_bg_blue">
            <ImageView
                    style="@style/BadgeLefterImage"
                    android:src="@drawable/office_building"/>
    </LinearLayout>

    <!-- CONTENT -->
    <LinearLayout
            android:id="@+id/badge_blue_content"
            style="@style/BadgeContent"
            android:background="@drawable/badge_content_bg_blue">
    </LinearLayout> 
</LinearLayout>

StateListDrawable 背景选择器示例（如上面的 @drawable/badge_content_bg_blue）：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_focused="false" android:state_pressed="false"
    android:drawable="@drawable/badge_bg_blue_normal"/>
<item android:state_focused="false" android:state_pressed="true"
    android:drawable="@drawable/badge_bg_blue_pressed"/>
<item android:state_focused="true"
    android:drawable="@drawable/badge_bg_blue_focused"/>
<item android:state_focused="true" android:state_pressed="true"
    android:drawable="@drawable/badge_bg_blue_pressed"/>
</selector>

其中 badge_bg_blue_normal 等是 9-patch png。

我是安卓新手。我在这里找不到类似的问题。自定义我自己的 Button 没有帮助，因为按钮只有一个 android:background selector。我发现没有 9 片支持多个可拉伸区域。我意识到我可以构建一个自定义组件。这是个好主意吗？

我在应用程序中广泛使用我的徽章。一个优雅的解决方案将不胜感激！ :)

* 解决方案编辑：*

使用 TouchListener 构建自定义组件后，我已准备就绪：^_^

public class Badge extends LinearLayout {
    //...
    public Badge(Context c, AttributeSet attrs) {
        super(c, attrs);
        //... 
        // inflating layouts and setting selector backgrounds here
        //... 
        setClickable(true);
        setOnTouchListener(new OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {

                if (event.getAction() == MotionEvent.ACTION_DOWN) {
                    lefter.setPressed(true);
                    contents.setPressed(true);
                }
                else if (event.getAction() == MotionEvent.ACTION_UP || !isInside(v, event)) {
                    lefter.setPressed(false);
                    contents.setPressed(false);
                }
                return false;
            }

            private boolean isInside(View v, MotionEvent event) {
                //...
            }
        });
   }
   //...
}

Answer 1

如果我正确理解你的问题，你有两个按钮，按下其中一个按钮后，它们都应该表现得像被按下一样？

按下其中一个按钮后，您是否尝试调用另一个按钮上的 View.setPressed(bool) 函数，等等？如果我有像上面这样的设计，我就会从这里开始。如果这不起作用，另一种方法可能是在按下其中一个按钮时简单地切换所有按钮上的背景可绘制，并且不使用内置的 state_pressed 功能。

对于在多个区域可拉伸的 9-patch，您可以使用 android SDK 中包含的 9-patch-tool 来实现。我用一个我自己制作的按钮来做到这一点，该按钮有一个静态中心区域（垂直）和两个上下可拉伸区域。