UIImageView border-radius

Я пытаюсь создать UIImageView с использованием pixate 2.0.1.UIImageView border-radius

Без укладки изображение выглядит следующим образом:

enter image description here

После применения стиля ниже я получаю этот выход:

enter image description here

.image-photo{ 
    border: 1px solid #0c0; 
    border-radius: 45px; 
}

источник

2014-01-15 fnxpt

У меня есть такая же проблема здесь. Установка границ и радиуса в изображениях фактически заменяет UIImageView.image новым. Это ужасный подход, потому что тогда мы теряем ранее загруженное изображение, и оно также не маскируется на форму луча. Любое найденное решение? –

Я создал проблему на своей странице Github, давая понять, есть ли у них решение ... https://github.com/Pixate/PixateFramework/issues/3 –

Если кому-то интересно, я взломал библиотеку Pixate, чтобы добавить cornerRadius свойство в представления, имеющие стиль css border-radius. Вы можете включить его, добавив это в свой файл https://gist.github.com/angelolloqui/8976802. Я не тестировал его с изображениями, поэтому, если он не работает, вам, вероятно, нужно будет изменить PXUIView от PXUIImageView. –

Даже если the documentation говорит, что вы можете применить border-radius и другие эффекты границы к UIImageView, я не думаю, что вы действительно можете без потери изображения.

Я рекомендую разместить там UIView, назначив ему styleClass, а затем положив в него UIImageView. Затем вы можете надежно применять стили к UIView и получать фоновые и пограничные эффекты по всему изображению.

Update

Существует также проблема с синтаксисом CSS. Pixate не поддерживает сокращенную обозначение границы. Вы должны написать это:

.image-photo{ 
    border-width:1px; 
    border-color:#0c0; 
    border-style:solid; 
    border-radius:45px; 
}

Опять же, это должно пойти на UIView, который содержит UIImageView.

источник

2014-01-15 21:29:27

Благодарим вас за ответ Clifton. Это все еще не работает. Если я присвою класс представлению, он будет работать, но если я поместил изображение внутри представления, он не будет маскироваться в рамки, и я получу квадрат UIImageView вместо UIImageView с закругленными углами. – fnxpt

Я обновил свой ответ. Дайте мне знать, если это поможет. –

Привет, повторите эту же проблему, если я установил эти значения в UIview, UIImageView по-прежнему отображается без граничного радиуса. BTW Я думаю, что сокращенная нотация границы работает, но когда она устанавливает радиус границы в представление, она не маскирует границы. – fnxpt

Вам необходимо установить изображение с помощью CSS. Если вы хотите сделать это в коде, вы можете использовать свойство styleCSS.

источник

2014-01-24 15:37:27 pixatepaul

UIImageView border-radius

ответ

Смежные вопросы