android.widget.Switch - включить / выключить прослушиватель событий?


229

Я хотел бы реализовать кнопку переключения, android.widget.Switch (доступно из API v.14).

<Switch
    android:id="@+id/switch1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Switch" />

Но я не уверен, как добавить прослушиватель событий для кнопки. Должен ли это быть слушатель "onClick"? И как бы я узнал, включен он или нет?


6
OnClick через XML действительно работает - но только для «щелчков» по ​​кнопке, а не для «слайдов».
m02ph3u5

Ответы:


493

Переключатель наследует CompoundButtonатрибуты, поэтому я бы рекомендовал OnCheckedChangeListener

mySwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        // do something, the isChecked will be
        // true if the switch is in the On position
    }
});

2
@ Джохан: Нет проблем. Я не знаю о вас , но я хочу , чтобы они назвали его OnCheckChangedListener, подобно OnItemSelectedListener, так On- Существительное - Глагол -Listener является признанным именование convetion.
Сэм

2
Но когда вы помещаете фрагмент, например, эта вещь всегда срабатывает всякий раз, когда вы повторно просматриваете фрагмент, если вы установите переключатель в положение On.
сцепление

1
@Sam Что делать, если я хочу перевести переключатель в состояние ON или OFF с помощью метода setChcked () и не хочу выполнять метод onCheckedChanged? Но когда пользователь снова нажимает на метод переключателя onCheckedChanged, выполняется ... Есть ли способ сделать это?
Дипак Кумар

2
Кнопки есть OnCLick, переключателей нет OnChange! Хорошо спроектированная команда Google!
Василис

1
@KZoNE То, что я здесь сделал, использовало прослушиватель щелчков, чтобы изменить состояние, и передало переключатель методу (в моем случае вызов API), а затем использовал метод setChecked (), чтобы изменить состояние (как в onFailure / onError в вызове API). , Надеюсь, это поможет.
Дипак Кумар

53

Используйте следующий фрагмент, чтобы добавить Switch к вашему макету через XML:

<Switch
     android:id="@+id/on_off_switch"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:textOff="OFF"
     android:textOn="ON"/>

Затем в методе Activity вашего onCreate получите ссылку на ваш Switch и установите его OnCheckedChangeListener:

Switch onOffSwitch = (Switch)  findViewById(R.id.on_off_switch); 
onOffSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
    Log.v("Switch State=", ""+isChecked);
}       

});

3
Это более четкий ответ, предоставляющий вам компоновку и код для соответствия.
AshesToAshes

Как управлять несколькими switchcompat в одном слушателе? Пожалуйста, предложите ответ для этого
Anand Savjani

22

Для тех, кто использует Kotlin, вы можете установить прослушиватель для коммутатора (в данном случае с идентификатором mySwitch) следующим образом:

    mySwitch.setOnCheckedChangeListener { _, isChecked ->
         // do whatever you need to do when the switch is toggled here
    }

isChecked Значение true, если в данный момент переключатель включен (ON), и false в противном случае.


19

Определите ваш XML-макет:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.neoecosystem.samplex.SwitchActivity">

    <Switch
        android:id="@+id/myswitch"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content" />

</RelativeLayout> 

Затем создайте активность

public class SwitchActivity extends ActionBarActivity implements CompoundButton.OnCheckedChangeListener {

    Switch mySwitch = null;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_switch);


        mySwitch = (Switch) findViewById(R.id.myswitch);
        mySwitch.setOnCheckedChangeListener(this);
    }

    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if (isChecked) {
            // do something when check is selected
        } else {
            //do something when unchecked
        }
    }

    ****
}

======== Для API ниже 14 используйте SwitchCompat =========

XML

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.neoecosystem.samplex.SwitchActivity">

    <android.support.v7.widget.SwitchCompat
        android:id="@+id/myswitch"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content" />

</RelativeLayout>

Деятельность

public class SwitchActivity extends ActionBarActivity implements CompoundButton.OnCheckedChangeListener {

    SwitchCompat mySwitch = null;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_switch);


        mySwitch = (SwitchCompat) findViewById(R.id.myswitch);
        mySwitch.setOnCheckedChangeListener(this);
    }

    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        if (isChecked) {
            // do something when checked is selected
        } else {
            //do something when unchecked
        }
    }
   *****
}

2
не забудьте проверить buttonView.isPressed ()
JacksOnF1re

5

Макет для виджета Switch выглядит примерно так.

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <Switch
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:gravity="right"
        android:text="All"
        android:textStyle="bold"
        android:textColor="@color/black"
        android:textSize="20dp"
        android:id="@+id/list_toggle" />
</LinearLayout>

В классе Activity вы можете кодировать двумя способами. Зависит от использования вы можете код.

Первый путь

public class ActivityClass extends Activity implements CompoundButton.OnCheckedChangeListener {
Switch list_toggle;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.return_vehicle);

    list_toggle=(Switch)findViewById(R.id.list_toggle);
    list_toggle.setOnCheckedChangeListener(this);
    }
}

public void onCheckedChanged(CompoundButton buttonView,boolean isChecked) {
    if(isChecked) {
        list_toggle.setText("Only Today's");  //To change the text near to switch
        Log.d("You are :", "Checked");
    }
    else {
        list_toggle.setText("All List");   //To change the text near to switch
        Log.d("You are :", " Not Checked");
    }
}

Второй способ

public class ActivityClass extends Activity {
Switch list_toggle;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.return_vehicle);

    list_toggle=(Switch)findViewById(R.id.list_toggle);
    list_toggle.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
       @Override
       public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
          if(isChecked) {
             list_toggle.setText("Only Today's");  //To change the text near to switch
             Log.d("You are :", "Checked");
          }
          else {
             list_toggle.setText("All List");  //To change the text near to switch
             Log.d("You are :", " Not Checked");
          }
       }       
     });
   }
}

2

Вы можете использовать DataBinding и ViewModel для события Switch Checked Change

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
                name="viewModel"
                type="com.example.ui.ViewModel" />
    </data>
    <Switch
            android:id="@+id/on_off_switch"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onCheckedChanged="@{(button, on) -> viewModel.onCheckedChange(on)}"
     />


1
android.widget.Switch не имеет onCheckedChanged attirbute. Вы получите ошибку: AAPT: ошибка: атрибут android: onCheckedChanged не найден.
Распродано

1

Есть два пути,

  1. используя представление XML onclick Add Switch в XML, как показано ниже:

    <Switch
    android:id="@+id/switch1"
    android:onClick="toggle"/>

В классе YourActivity (например, MainActivity.java)

    Switch toggle; //outside oncreate
    toggle =(Switch) findViewById(R.id.switch1); // inside oncreate

    public void toggle(View view) //outside oncreate
    {
        if( toggle.isChecked() ){
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                start.setBackgroundColor(getColor(R.color.gold));
                stop.setBackgroundColor(getColor(R.color.white));
            }
        }
        else
        {
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                stop.setBackgroundColor(getColor(R.color.gold));
                start.setBackgroundColor(getColor(R.color.white));
            }
        }
    }
  1. используя на слушателя клика

Добавьте Switch в XML, как показано ниже:

В классе YourActivity (например, MainActivity.java)

    Switch toggle; // outside oncreate
    toggle =(Switch) findViewById(R.id.switch1);  // inside oncreate


    toggle.setOnClickListener(new View.OnClickListener() {   // inside oncreate
        @Override
        public void onClick(View view) {

            if( toggle.isChecked() ){
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                    start.setBackgroundColor(getColor(R.color.gold));
                }
            }
            else
            {
                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                    stop.setBackgroundColor(getColor(R.color.gold));
                }
            }

        }

    });

0

Мое решение, используя SwitchCompatи Kotlin. В моей ситуации мне нужно было реагировать на изменение, только если пользователь запустил его через пользовательский интерфейс. На самом деле, мой переключатель реагирует на a LiveData, и это сделало setOnClickListenerи setOnCheckedChangeListenerнепригодным для использования. setOnClickListenerфактически корректно реагирует на взаимодействие с пользователем, но не срабатывает, если пользователь проводит пальцем по переключателю.setOnCheckedChangeListenerна другом конце также запускается, если переключатель переключается программно (например, наблюдателем). Теперь в моем случае переключатель присутствовал на двух фрагментах, и поэтому onRestoreInstanceState в некоторых случаях вызывал бы переключение со старым значением, перезаписывая правильное значение.

Итак, я посмотрел код SwitchCompat и смог успешно имитировать его поведение при различении щелчков и перетаскиваний и использовал его для создания настраиваемого сенсорного прослушивателя, который работает как должен. Вот так:

/**
 * This function calls the lambda function passed with the right value of isChecked
 * when the switch is tapped with single click isChecked is relative to the current position so we pass !isChecked
 * when the switch is dragged instead, the position of the thumb centre where the user leaves the
 * thumb is compared to the middle of the switch, and we assume that left means false, right means true
 * (there is no rtl or vertical switch management)
 * The behaviour is extrapolated from the SwitchCompat source code
 */
class SwitchCompatTouchListener(private val v: SwitchCompat, private val lambda: (Boolean)->Unit) :  View.OnTouchListener {
    companion object {
        private const val TOUCH_MODE_IDLE = 0
        private const val TOUCH_MODE_DOWN = 1
        private const val TOUCH_MODE_DRAGGING = 2
    }

    private val vc = ViewConfiguration.get(v.context)
    private val mScaledTouchSlop = vc.scaledTouchSlop
    private var mTouchMode = 0
    private var mTouchX = 0f
    private var mTouchY = 0f

    /**
     * @return true if (x, y) is within the target area of the switch thumb
     * x,y and rect are in view coordinates, 0,0 is top left of the view
     */
    private fun hitThumb(x: Float, y: Float): Boolean {
        val rect = v.thumbDrawable.bounds
        return x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom
    }

    override fun onTouch(view: View, event: MotionEvent): Boolean {
        if (view == v) {
            when (MotionEventCompat.getActionMasked(event)) {
                MotionEvent.ACTION_DOWN -> {
                    val x = event.x
                    val y = event.y
                    if (v.isEnabled && hitThumb(x, y)) {
                        mTouchMode = TOUCH_MODE_DOWN;
                        mTouchX = x;
                        mTouchY = y;
                    }
                }
                MotionEvent.ACTION_MOVE -> {
                    val x = event.x
                    val y = event.y
                    if (mTouchMode == TOUCH_MODE_DOWN &&
                        (abs(x - mTouchX) > mScaledTouchSlop || abs(y - mTouchY) > mScaledTouchSlop)
                    )
                        mTouchMode = TOUCH_MODE_DRAGGING;
                }
                MotionEvent.ACTION_UP,
                MotionEvent.ACTION_CANCEL -> {
                    if (mTouchMode == TOUCH_MODE_DRAGGING) {
                        val r = v.thumbDrawable.bounds
                        if (r.left + r.right < v.width) lambda(false)
                        else lambda(true)
                    } else lambda(!v.isChecked)
                    mTouchMode = TOUCH_MODE_IDLE;
                }
            }
        }
        return v.onTouchEvent(event)
    }
}

Как это использовать:

фактический слушатель касания, который принимает лямбда с кодом для выполнения:

myswitch.setOnTouchListener(
    SwitchCompatTouchListener(myswitch) {
        // here goes all the code for your callback, in my case
        // i called a service which, when successful, in turn would 
        // update my liveData 
        viewModel.sendCommandToMyService(it) 
    }
)

Ради полноты, вот так switchstateвыглядел наблюдатель от государства (если он у вас есть):

switchstate.observe(this, Observer {
    myswitch.isChecked = it
})

Команда Android действительно должна это исправить ... То, что я сделал, это в моем обозревателе LiveData, я отменил регистрацию onCheck, выполнил свое действие, а затем вернул его обратно. Это работает только потому, что изменения пользовательского интерфейса происходят в 1 потоке (основной поток).
Джереми Джао

0

В Котлине:

        switch_button.setOnCheckedChangeListener { buttonView, isChecked ->
        if (isChecked) {
            // The switch enabled
            text_view.text = "Switch on"

        } else {
            // The switch disabled
            text_view.text = "Switch off"

        }
    }
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.