如何在钛中切割成圆形的图像？

Question

您可以通过将图像设置为标签的背景，然后将标签设置为您想要的大小来裁剪图像，但是有办法将其裁剪成圆形吗？

谢谢!

Answer 1

将borderRadius设置为图像宽度/高度的一半将给您一个圆形图像。

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

对于裁剪图像，imageAsCropped也非常方便。

Answer 2

非常简单的解决方案，使用钛ui。没有角被像素化(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
}