2017-04-01 91 views
0

这里是我的代码分割成合金/ JS /造型 不管我在哪里放置borderRadius/borderWidth性能却忽视了它钛Appcelerator的圆角?

合金:

<Label id="image_label"></Label> 

JS:

function setAnnotation(location) { 

    var annotation = map.createAnnotation({ 
    title: location.title, 
    subtitle: location.latitude + ', ' + location.longitude, 
    latitude: location.latitude, 
    longitude: location.longitude, 
    image: $.image_label.toImage(), 
    borderRadius:22, //DOESNT WORK 
    borderWidth: 6, //DOESNT WORK 

    }); 

$.map.setAnnotations([annotation]); 
} 

风格:

//LABEL ANNOTATION 
"#image_label": { 
color : 'black', 
font : {fontSize:'15dp',font:"monospace",fontWeight:"bold"}, 
height : '30dp', 
width : '30dp', 
borderRadius:999, //DOESNT WORK 
borderWidth: 99, //DOESNT WORK 
backgroundImage:'https://pbs.twimg.com/profile_images/604644048/sign051.gif' 

}

回答

2

最好的办法是创建一个视图和一个标签和borderRadius /边框宽度/和backgroundImage添加到视图,然后在最后asssign的view.toImage()的注释。请记住,注释本身不具有borderRadius/BorderWidth属性(http://docs.appcelerator.com/platform/latest/#!/api/Modules.Map.Annotation

var view = Ti.UI.createView({ 
    width:30, 
    height:30, 
    borderRadius:15, 
    borderWidth: 3, 
    backgroundImage:'https://pbs.twimg.com/profile_images/604644048/sign051.gif' 
}); 
var lbl = Ti.UI.createLabel({ 
    text:"2" 
}); 
view.add(lbl); 

mapView.addAnnotation(
    maps.createAnnotation({ 
     latitude: 37.368122, 
     longitude: -121.913653, 
     title: "company", 
     image: view.toImage() 
    }) 
) 

你也可以将它放入一个小部件的视图,并填写文本/图片与参数使用电源并保持代码免费的视图代码。

+0

我从你明白的是我应该使用,而不是标签元素查看, 它仍然does not工作IM仍然让周围的圆形图像方白 http://i.imgur.com/nEYNsl4.png –

+0

HTTPS:/ /ibb.co/gn53tv对我来说工作得很好。我已经用该代码更新了示例 – miga