Вы можете обрезать изображение, установив его на фон этикетки, а затем установив метку нужного размера, но есть ли способ обрезать его в форме круга?
Спасибо!
Вы можете обрезать изображение, установив его на фон этикетки, а затем установив метку нужного размера, но есть ли способ обрезать его в форме круга?
Спасибо!
Установка borderRadius
на половину ширины/высоты изображения даст вам изображение в форме круга.
var imageView = Ti.UI.createImageView({
image : '/images/myImage.png',
width : 60,
height : 60,
borderRadius : 30
});
win.add(imageView);
Для обрезки изображений также достаточно imageAsCropped. удобный.
Очень простое решение, использующее титановый пользовательский интерфейс. Без пикселизации углов (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
}