appcelerator - 圆形图像边缘在 Alloy appcelerator 中呈锯齿状

Question

我正在尝试在 Alloy appcelerator 以前的 Titanium 中制作圆形图像视图，如下所示

XML

<ImageView id="profile_photo"  />

TSS

"#profile_photo_view_holder":{
    width: 80,
    height: 80,
    borderRadius: 40,
    borderWidth:2,
    borderColor:"black"     
}

图像视图正在正确渲染，但其边缘锯齿状看起来像是抗锯齿问题。

我也使用图像工厂模块来缩小规模，但没有运气。

resizedImage = ImageFactory.imageAsResized(blob, {
    width : 80,
    height : 80,
    quality : 0.9
});
$.profile_photo.image = resizedImage;

Answer 1

在 Android 上，您需要使用模块来实现它。这个模块很新，看起来很棒：

https://github.com/m1ga/com.miga.roundview

我在我的项目中使用这个： https ://github.com/snowciety/sc.roundedavatar

希望能帮助到你