티타늄에서 원 모양으로 이미지를 자르는 방법은 무엇입니까?

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

티타늄을 사용하는 매우 간단한 솔루션입니다. 모서리없이 픽셀 화 (안드로이드).

<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 
}