blocks|key|4171609|text|我有更好的解决方案，那就是使用选择器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4171610|<?xml+version="1.0"+encoding="utf-8"?>
<selector+xmlns:android="http://schemas.android.com/apk/res/android">
++++<item+android:drawable="@drawable/clicked"+android:state_enabled="true"+/>
++++<item+android:drawable="@drawable/unclicked"+android:state_enabled="false"+/>
</selector>|code-block|syntax|javascript|4171611|所以现在只需设置mGalleryImageView.setEnabled(true);或mGalleryImageView.setEnabled(false)|offset|length|style|CODE|4171612|entityMap^0|0|0|8|Z|18|Z|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

I have better solution, that is using selector 

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;item android:drawable="@drawable/clicked" android:state_enabled="true" /&gt;
 &lt;item android:drawable="@drawable/unclicked" android:state_enabled="false" /&gt;
&lt;/selector&gt;
</code></pre>

so now you just set <code>mGalleryImageView.setEnabled(true);</code> or <code>mGalleryImageView.setEnabled(false)</code>

blocks|key|4172298|text|您可以将Radiobuttons与RadioGroup一起使用，并且每个RadioButton都有自己的选择器Drawable。然后RadioGroup将为您进行选择(选中一个将取消选中所有其他选项)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4172299|示例代码：|4172300|<RelativeLayout
++++xmlns:android="http://schemas.android.com/apk/res/android"
++++android:layout_width="match_parent"
++++android:layout_height="match_parent">

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

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

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

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

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

</RelativeLayout>|code-block|syntax|javascript|4172301|在res/values/styles.xml中声明@style/TabItem|4172302|<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%7Ccenter_horizontal</item>
</style>|4172303|选择器Drawable如下所示：|4172304|<?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>|4172305|结果：|4172306|​|4172307|📷|atomic|4172308|4172309|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/cad262f32e7294f5403152dc8a2185e0.png|imageAlt^0|4|B|H|A|10|B|1J|8|1U|A|0|0|0|1|L|P|E|0|0|3|8|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]|$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]|$9|1K|A|1L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1M|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1N|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1O|8|@$9|1P|A|1Q|B|C]|$9|1R|A|1S|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|1T|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1U|8|@$9|1V|A|1W|B|C]]|D|@]|E|$]]|$1|S|3|T|5|J|7|1X|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|1Y|8|@]|D|@]|E|$]]|$1|W|3|X|5|6|7|1Z|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|10|7|20|8|@]|D|@$9|21|A|22|1|23]]|E|$]]|$1|11|3|X|5|6|7|24|8|@]|D|@]|E|$]]|$1|12|3|-4|5|6|7|25|8|@]|D|@]|E|$]]]|13|$14|$5|15|16|17|E|$18|19|1A|-4]]]]

You can use <code>Radiobutton</code>s with <code>RadioGroup</code>, and each <code>RadioButton</code> has its own selector <code>Drawable</code>. Then the <code>RadioGroup</code> will take care of the selection for you (check one will uncheck all others).

Example code:

<pre><code>&lt;RelativeLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"&gt;

 &lt;RadioGroup
 android:id="@+id/tabs"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_alignParentBottom="true"
 android:orientation="horizontal"&gt;

 &lt;RadioButton
 android:id="@+id/item_one"
 style="@style/TabItem"
 android:checked="true"
 android:drawableTop="@drawable/selector_tab_item_one" /&gt;

 &lt;RadioButton
 android:id="@+id/item_two"
 style="@style/TabItem"
 android:drawableTop="@drawable/selector_tab_item_two" /&gt;

 &lt;RadioButton
 android:id="@+id/item_three"
 style="@style/TabItem"
 android:drawableTop="@drawable/selector_tab_item_three" /&gt;

 &lt;RadioButton
 android:id="@+id/item_four"
 style="@style/TabItem"
 android:drawableTop="@drawable/selector_tab_item_four"/&gt;
 &lt;/RadioGroup&gt;

&lt;/RelativeLayout&gt;
</code></pre>

Declare <code>@style/TabItem</code> in <code>res/values/styles.xml</code>:

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

The selector <code>Drawable</code> is like this:

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

Results:

<a href="https://i.stack.imgur.com/bVf22.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bVf22.png" alt="preview"></a>

I want to create a control panel at the bottom of my screen that looks something like this. 

Here is the image

<a href="https://i.stack.imgur.com/CdwhI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CdwhI.png" alt="enter image description here"></a>

And I want to simulate button press by having the clicked on item be blacked, and everything that isn't clicked be greyed out. As shown in the image, the picture icon had been clicked on.

At the moment, my solution is to overlay two rows of identical ImageViews. One layer consist of all black icons, and one layer consist of all grey icons. When I click on an image, I run a code that looks like this:

<pre><code>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);
 }
</code></pre>

I'm just wondering if there's a more efficient or better way of doing this. When I run this on my phone, and can feel some lag in the response. Thank you!

android - How to simulate button pressed by greying out an ImageView?

我想在我的屏幕底部创建一个控制面板，看起来像这样。这是图片​​我想要模拟按钮按下，点击的项目是黑色的，所有没有点击的都是灰色的。如图所示，图片图标已被点击。目前，我的解决方案是覆盖两行相同的ImageViews。一层由所有黑色图标组成，另一层由所有灰色图标组成。当我点击一张图片时，我运行的代码如下所示：private ...

问如何通过灰显ImageView来模拟按下按钮的过程？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过灰显ImageView来模拟按下按钮的过程？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过灰显ImageView来模拟按下按钮的过程？
EN