19

私が取り組んでいるアプリでは、2つではなく、複数の状態（私の場合は3つ）のトグルボタンが必要ToggleButtonです。私はソースButtonに従って拡張する自分自身を始めようとしましCompoundButtonたが、非常に正直にそのソースを読むことは少し圧倒されました。

セレクターXMLなどを使用してスリーステートトグルボタンを実行する方法、またはおそらく私が考えていなかった別の方法はありますか？私はこれを行う方法がかなり途方に暮れています。

4

5 に答える 5

19

マルチステートトグルボタンを実装しました。ソースコードはこちらです

これはそれがどのように見えるかです：

ここに画像の説明を入力してください

そして、それを使用するのは非常に簡単です：

<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" />

あなたの活動では：

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);
    }
});
于 2014-01-29T14:44:22.773 に答える
13

これを実現するためにカスタムImageButtonを作成できます。この場合、3つの異なる画像が必要です。必要に応じて、状態を追加することもできます。 

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;
    }

}
于 2014-10-17T18:20:37.383 に答える
10

確かに、3つのエントリを持つ背景として使用するセレクターを定義できます。問題は、セレクターに使用できるボタン属性です。AとBの2つのブール属性を設定し、A、B、およびデフォルトの観点からセレクターを定義できます。（A && BはAを満たすので、より適切にはA、！A && B、および！A &&！Bと考えることができます。）既存の属性（選択、フォーカスなど）をオーバーロードするか、よりエレガントに、このスレッドで説明されているレシピを使用して、独自のカスタム属性を定義します。

于 2011-01-28T01:30:08.053 に答える
6

RadioGroupラジオを使ってスタイリングしてみませんか？

 <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"
         />
...
于 2016-03-09T15:59:24.663 に答える
0

チップは非常に優れたネイティブオプションです。

 <com.google.android.material.chip.ChipGroup
      android:id="@+id/chip_group"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:layout_constraintTop_toTopOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:singleSelection="true">

      <com.google.android.material.chip.Chip
           android:id="@+id/first_chip"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:gravity="center"
           android:text="Todo"
           android:textAppearance="?android:attr/textAppearance"
           android:textColor="@color/black"
           android:checkable="true"
           style="@style/Widget.MaterialComponents.Chip.Choice"
           app:chipBackgroundColor="@color/colorAccent"/>

           <!-- Second Chip -->
           <!-- Third Chip -->

   </com.google.android.material.chip.ChipGroup>

binding.chipGroup.setOnCheckedChangeListener { chipGroup, i -> 
    when (i) {
        binding.firstChip -> {
            binding.firstChip.setChipBackgroundColorResource(R.color.colorAccent)
        }
        else -> {} 
    }
}
binding.firstChip.isChecked = true  //default

GL

ソース

于 2020-06-01T20:21:35.263 に答える