Пользовательский UISwitch с изображением

Question

Мне нужно реализовать пользовательский переключатель в проекте. В настоящее время я обнаружил, что мы не можем изменять с помощью UISwitch, чтобы реализовать, как показано на рисунке ниже. Я следил за сообщениями и просматривал через stackoverflow и другие блоги, но не нашел решение по своему усмотрению. Один из способов - перейти с UISegmented control, как в сообщении this, но это тоже не решает мою проблему.

Заранее спасибо за любую помощь

Answer 1

Что не так сложно создать собственный переключатель? UISwitch - это элемент управления, по существу, просто представление, которое отправляет сообщение - с двумя состояниями. Вы можете настроить его так:

• вид контейнера: простой вид со скругленными углами (установить cornerRadius слоя вида) и цвет фона

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

• правое изображение: изображение, которое отображает изображение, которое вы хотите показать с правой стороны, то есть отметку X для вашего примера

• слайдер: вид в изображение, показывающее ползунок часть переключателя, устанавливается выше остальных двух точек зрения изображения

Когда пользователь вводит или пойло контроль, использовать Core Animation, чтобы переместить ползунок в другую сторону переключитесь и обновите состояние элемента управления и быстро перейдете к цвету фона для нового состояния. Отправьте действие элемента управления цели.

Answer 2

Похоже, что вы просто хотите, чтобы ваш контроль, чтобы иметь только два состояния - включаются и выключаются.

Простым способом для этого было бы создать 2 png-изображения и использовать пользовательский UIButton с фоновым изображением и просто заменить эти 2 изображения каждый раз при нажатии кнопки.

Это то, что вы пытаетесь сделать или я что-то неправильно понял?

Answer 3

Как gasparuff говорит, вы также можете сделать это с UIButton, просто установить изображения:

[button setImage:[UIImage imageNamed:@"image_on"] forState:UIControlStateSelected]; 
[button setImage:[UIImage imageNamed:@"image_off"] forState:UIControlStateNormal]; 

и когда она постучала просто переключать выбранное свойство.

- (void) buttonTap { 
    button.selected = !button.selected; 
} 

который автоматически изменит изображения.

Answer 4

Вы знаете о -[UISwitch setOnImage:] и -[UISwitch setOffImage:], справа? Также -[UISwitch setTintColor]. Единственный недостаток, который я вижу, заключается в том, что сам коммутатор будет стандартным переключателем iOS (круглая кнопка), но в противном случае это было бы самым iOS-подобным решением.

При реализации вашего собственного on/offImage помните о ограничениях по размеру, а также о том, что сторона изображения к переключателю является вогнутой. tintColor можно использовать, чтобы остальные переключатели отображали вашу цветовую схему. Вы можете отслеживать событие valueChanged, чтобы изменить цвет оттенка.

Если вам нужен точный вид, который вы видите в своем вопросе (кнопка квадратного переключателя), то вы, вероятно, захотите использовать настраиваемый элемент управления, как предположил @Caleb.