Как обрезать изображение в форме круга в Titanium?

Вы можете обрезать изображение, установив его на фон этикетки, а затем установив метку нужного размера, но есть ли способ обрезать его в форме круга?

Спасибо!


person Sebastián    schedule 23.01.2014    source источник


Ответы (2)


Установка borderRadius на половину ширины/высоты изображения даст вам изображение в форме круга.

var imageView = Ti.UI.createImageView({
    image        : '/images/myImage.png',
    width        : 60,
    height       : 60,
    borderRadius : 30
});
win.add(imageView);

Для обрезки изображений также достаточно imageAsCropped. удобный.

person mwfire    schedule 23.01.2014

Очень простое решение, использующее титановый пользовательский интерфейс. Без пикселизации углов (Android).

<View id="userFaceContainer">                                       
     <ImageView id="avatar" />                    
     <View id="userFaceInnerBorder" />
</View>

и стили

"#avatar": {
   width: 90,
   height: 90
}

"#userFaceContainer": {
    width: 90,
    height: 90,
    center: {
       x:"50%", 
       y:"50%"
    },
    borderRadius: 45,
    borderColor: "#669dd3",
    borderWidth:2
}

"#userFaceInnerBorder": {
    width: 88,
    height: 88,
    borderRadius: 44,
    borderColor: "#669dd3",
    borderWidth:2,
    opacity: 0.7
}
person falko    schedule 08.07.2015
comment
Можно ли получить форму овала/круга с процентными значениями вместо абсолютных? - person user1927033; 11.10.2017