blocks|key|1022674|text|当然，您可以定义一个选择器作为具有三个条目的背景。问题是您可以为选择器使用哪些按钮属性。您可以有两个布尔属性，例如A和B，并根据A、B和default定义选择器。(A+&&+B将满足A，因此更确切地说，它们可以被认为是A、!A+&&+B和!A+&&！B。)您可以重载现有属性(选定属性、聚焦属性等)或者，更优雅地，使用in+this+thread描述的方法定义您自己的自定义属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1022675|entityMap|0|LINK|mutability|MUTABLE|url|https://groups.google.com/forum/#!topic/android-developers/uqr2BNI7NZo^0|4F|E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You can certainly define a selector to use as a background that has three entries. The question is what button attributes you can use for the selector. You can have two boolean attributes, say A and B, and define the selector in terms of A, B, and default. (A &amp;&amp; B will satisfy A, so more properly they could be thought of as A, !A &amp;&amp; B, and !A &amp;&amp; !B.) You can overload existing attributes (selected, focused, etc.) or, more elegantly, define your own custom attributes using the recipe described <a href="https://groups.google.com/forum/#!topic/android-developers/uqr2BNI7NZo">in this thread</a>.

blocks|key|1022779|text|我实现了一个多状态切换按钮，源代码是here|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1022780|它看起来是这样的：|1022781|​|1022782|📷|atomic|1022783|1022784|它非常容易使用：|1022785|<org.honorato.multistatetogglebutton.MultiStateToggleButton
++++android:id="@%2Bid/mstb_multi_id"
++++android:layout_width="wrap_content"
++++android:layout_height="wrap_content"
++++android:layout_marginTop="10dip"
++++mstb:values="@array/planets_array"+/>|code-block|syntax|javascript|1022786|在您的活动中：|1022787|MultiStateToggleButton+button2+=+(MultiStateToggleButton)+this.findViewById(R.id.mstb_multi_id);
button2.setOnValueChangedListener(new+ToggleButton.OnValueChangedListener()+{
++++@Override
++++public+void+onValueChanged(int+value)+{
++++++++Log.d(TAG,+"Value:+"+%2B+value);
++++}
});|1022788|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jlhonora/multistatetogglebutton|1|IMAGE|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/5722b9f7609477c4dd14a6258bc5e527.png|imageAlt^0|I|4|0|0|0|0|0|1|1|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1A|8|@]|9|@$A|1B|B|1C|1|1D]]|C|$]]|$1|D|3|E|5|6|7|1E|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|1F|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|1G|8|@]|9|@$A|1H|B|1I|1|1J]]|C|$]]|$1|K|3|G|5|6|7|1K|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|1L|8|@]|9|@]|C|$]]|$1|N|3|O|5|P|7|1M|8|@]|9|@]|C|$Q|R]]|$1|S|3|T|5|6|7|1N|8|@]|9|@]|C|$]]|$1|U|3|V|5|P|7|1O|8|@]|9|@]|C|$Q|R]]|$1|W|3|-4|5|6|7|1P|8|@]|9|@]|C|$]]]|X|$Y|$5|Z|10|11|C|$12|13]]|14|$5|15|10|16|C|$17|18|19|-4]]]]

I implemented a multi-state toggle button, the source code is <a href="https://github.com/jlhonora/multistatetogglebutton" rel="noreferrer">here</a>

This is how it looks:

<img src="https://i.stack.imgur.com/15G5Y.png" alt="enter image description here">

And it's quite easy to use it:

<pre><code>&lt;org.honorato.multistatetogglebutton.MultiStateToggleButton
 android:id="@+id/mstb_multi_id"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginTop="10dip"
 mstb:values="@array/planets_array" /&gt;
</code></pre>

In your activity:

<pre><code>MultiStateToggleButton button2 = (MultiStateToggleButton) this.findViewById(R.id.mstb_multi_id);
button2.setOnValueChangedListener(new ToggleButton.OnValueChangedListener() {
 @Override
 public void onValueChanged(int value) {
 Log.d(TAG, "Value: " + value);
 }
});
</code></pre>

blocks|key|1022810|text|你可以创建一个自定义的ImageButton来实现这一点，在这种情况下，你需要3个不同的图像。如果需要，您还可以添加更多状态。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1022811|public+class+FlashButton+extends+ImageButton+{

++++public+enum+FlashEnum+{
++++++++AUTOMATIC,+ON,+OFF
++++}

++++public+interface+FlashListener+{
++++++++void+onAutomatic();
++++++++void+onOn();
++++++++void+onOff();
++++}

++++private+FlashEnum+mState;
++++private+FlashListener+mFlashListener;

++++public+FlashButton(Context+context,+AttributeSet+attrs)+{
++++++++super(context,+attrs);

++++++++//Sets+initial+state
++++++++setState(FlashEnum.AUTOMATIC);
++++}


++++@Override
++++public+boolean+performClick()+{
++++++++super.performClick();
++++++++int+next+=+((mState.ordinal()+%2B+1)+%25+FlashEnum.values().length);
++++++++setState(FlashEnum.values()[next]);
++++++++performFlashClick();
++++++++return+true;
++++}


++++private+void+performFlashClick()+{
++++++++if(mFlashListener+==+null)return;
++++++++switch+(mState)+{
++++++++++++case+AUTOMATIC:
++++++++++++++++mFlashListener.onAutomatic();
++++++++++++++++break;
++++++++++++case+ON:
++++++++++++++++mFlashListener.onOn();
++++++++++++++++break;
++++++++++++case+OFF:
++++++++++++++++mFlashListener.onOff();
++++++++++++++++break;
++++++++}
++++}

++++private+void+createDrawableState()+{
++++++++switch+(mState)+{
++++++++++++case+AUTOMATIC:
++++++++++++++++setImageResource(R.drawable.ic_flash_auto);
++++++++++++++++break;
++++++++++++case+ON:
++++++++++++++++setImageResource(R.drawable.ic_flash_on);
++++++++++++++++break;
++++++++++++case+OFF:
++++++++++++++++setImageResource(R.drawable.ic_flash_off);
++++++++++++++++break;
++++++++}
++++}


++++public+FlashEnum+getState()+{
++++++++return+mState;
++++}

++++public+void+setState(FlashEnum+state)+{
++++++++if(state+==+null)return;
++++++++this.mState+=+state;
++++++++createDrawableState();

++++}

++++public+FlashListener+getFlashListener()+{
++++++++return+mFlashListener;
++++}

++++public+void+setFlashListener(FlashListener+flashListener)+{
++++++++this.mFlashListener+=+flashListener;
++++}

}|code-block|syntax|javascript|1022812|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can create a custom ImageButton to achieve this, you need 3 different images in this case.
You can also add more states if you want. 

<pre><code>public class FlashButton extends ImageButton {

 public enum FlashEnum {
 AUTOMATIC, ON, OFF
 }

 public interface FlashListener {
 void onAutomatic();
 void onOn();
 void onOff();
 }

 private FlashEnum mState;
 private FlashListener mFlashListener;

 public FlashButton(Context context, AttributeSet attrs) {
 super(context, attrs);

 //Sets initial state
 setState(FlashEnum.AUTOMATIC);
 }


 @Override
 public boolean performClick() {
 super.performClick();
 int next = ((mState.ordinal() + 1) % FlashEnum.values().length);
 setState(FlashEnum.values()[next]);
 performFlashClick();
 return true;
 }


 private void performFlashClick() {
 if(mFlashListener == null)return;
 switch (mState) {
 case AUTOMATIC:
 mFlashListener.onAutomatic();
 break;
 case ON:
 mFlashListener.onOn();
 break;
 case OFF:
 mFlashListener.onOff();
 break;
 }
 }

 private void createDrawableState() {
 switch (mState) {
 case AUTOMATIC:
 setImageResource(R.drawable.ic_flash_auto);
 break;
 case ON:
 setImageResource(R.drawable.ic_flash_on);
 break;
 case OFF:
 setImageResource(R.drawable.ic_flash_off);
 break;
 }
 }


 public FlashEnum getState() {
 return mState;
 }

 public void setState(FlashEnum state) {
 if(state == null)return;
 this.mState = state;
 createDrawableState();

 }

 public FlashListener getFlashListener() {
 return mFlashListener;
 }

 public void setFlashListener(FlashListener flashListener) {
 this.mFlashListener = flashListener;
 }

}
</code></pre>

blocks|key|808130|text|为什么不在里面使用RadioGroup和style收音机呢？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|808131|+<RadioGroup
++++android:layout_width="match_parent"
++++android:layout_height="wrap_content"
++++android:orientation="horizontal">

++++<RadioButton
++++++++android:layout_width="match_parent"
++++++++android:layout_weight="1"
++++++++android:layout_height="wrap_content"
++++++++android:background="@drawable/your_drawable_selector"
++++++++android:button="@android:color/transparent"
++++++++android:gravity="center_horizontal"+//center+text
++++++++android:text="text"
+++++++++/>
...|code-block|syntax|javascript|808132|entityMap^0|9|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Why not use <code>RadioGroup</code> and style radios inside?

<pre><code> &lt;RadioGroup
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:orientation="horizontal"&gt;

 &lt;RadioButton
 android:layout_width="match_parent"
 android:layout_weight="1"
 android:layout_height="wrap_content"
 android:background="@drawable/your_drawable_selector"
 android:button="@android:color/transparent"
 android:gravity="center_horizontal" //center text
 android:text="text"
 /&gt;
...
</code></pre>

In the app I've been working on, I would like to have a multiple-state (in my case, three) toggle button, instead of the two that <code>ToggleButton</code> provides. I've tried to start my own that extends <code>Button</code>, following the <code>CompoundButton</code> source, but quite honestly reading over its source got a bit overwhelming.

Is there a way to do a three-state toggle button using just a selector xml or something, or perhaps another method I haven't thought of? I'm rather at a loss of how to do this.

Multi-State Toggle Button

在我一直在开发的应用程序中，我希望有一个多状态(在我的例子中是三个)切换按钮，而不是ToggleButton提供的两个切换按钮。我试着开始自己的扩展Button，遵循CompoundButton源代码，但老实说，阅读它的源代码有点令人不知所措。有没有一种方法可以只使用选择器xml或其他东西来实现三态切换按钮，或者是另一...

问多状态切换按钮
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问多状态切换按钮EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问多状态切换按钮
EN