Как сделать круглую кнопку WKInterfaceButton в watchkit?

iOS может использовать layer.cornerRadius сделать круг UIButton,

Есть ли WKInterfaceButton есть это свойство?

Если нет, то как я могу сделать раунд WKInterfaceButton в WatchKit,

3 ответа

Если вы поместите изображение в группу, вы можете установить радиус группы. Это обрезает изображение в круг. На картинке ниже у меня есть:

  • Группа (радиус 56)
    • Группа (радиус 52)
      • Изображение (квадратное изображение)

Смотреть скриншот

Хотя этот пример с изображением, вы можете использовать ту же технику для кнопки. Ранее собака была кликабельна как кнопка, так что это выполнимо.

WKInterfaceButton не имеет свойства углового радиуса. Вы можете сделать круглую кнопку, установив круглое изображение в качестве фонового изображения кнопки. Вы можете создать изображение в коде, выполнив что-то вроде этого: Нарисуйте простой круг uiimage

Вам не нужно изображение, чтобы сделать WKInterfaceButton закругленным. Вместо:

  1. Перейдите в инспектор атрибутов для кнопки и выберите тип содержимого: Группа
  2. Внутри кнопки найдите группу и установите для нее радиус угла , какой вам нужен.
  3. Прокрутите инспектор вниз и установите фиксированные ширину и высоту на значение, равное удвоенному радиусу. Ну вот

Вы можете поместить внутрь кнопки все, что хотите, например текстовую метку. Таким же образом можно сделать овальные пуговицы.

Другие вопросы по тегам