2

Подскажите пожалуйста, как я могу сделать шестиугольную uiview?

1 ответ 1

1

UIView всегда прямоугольные, однако слои, с помощью которых они реализованы, могут иметь маску - другой слой, определяющий, какая часть этого слоя отрисована, а какая - нет.

Поэтому рецепт такой: в designated initializer вашей вьюшки создаете UIBezierPath вашей шестиугольной формы, а затем делаете из него маску

UIBezierPath *path = … // тут задаете форму шестиугольника как вам надо
CAShapeLayer *mask = CAShapeLayer.new;
mask.path = path
self.layer.mask = mask;

Углы шестиугольника - 120 градусов (2π/3 радиан). Например, если ваша вьюшка имеет ширину 2 * N и высоту sqrt(3.) * N:

// получаем длину стороны шестиугольника
CGFloat n = 0.5 * self.bounds.size.width;

const CGFloat sin = 0.5 * sqrt(3.), cos = 0.5;
UIBezierPath *path = UIBezierPath.new;
[path moveToPoint:CGPointMake(cos * n, 0)];
[path addLineToPoint:CGPointMake((2 - cos) * n, 0)];
[path addLineToPoint:CGPointMake(2 * n, sin * n)];
[path addLineToPoint:CGPointMake((2 - cos) * n, 2 * sin * n)];
[path addLineToPoint:CGPointMake(cos * n, 2 * sin * n)];
[path addLineToPoint:CGPointMake(0, sin * n)];
[path closePath];

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

4
  • Спасибо! сейчас попробую 6 июн 2015 в 8:30
  • @AlexeySlivkin исправил, первый раз забыл умножить Y на синус угла 6 июн 2015 в 10:46
  • Получилось что-то не то)) yadi.sk/i/jw-3Xy1_h7z7e 7 июн 2015 в 8:42
  • А если n сделать меньше? Я сам не проверял, скорее всего где-то обсчитался :) 7 июн 2015 в 13:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.