Titanium 钛Appcelerator自定义按钮

我是Appcelerator的新手，在布局方面遇到了一个恼人的问题

我必须做一个菜单栏，这是非常容易与普通html（ul>li>a，仅此而已）。问题是，似乎所有与按钮相关的功能都不是。。。可定制的。我希望按钮显示为纯文本，而不是按钮

第一个想法是使用标签（而不是按钮）。但是这条路对吗？我需要一个菜单栏，而不是一个文本段落！除此之外，菜单在某种程度上是灵活的，不像标签

这是我尝试过的一件事：

    var menu_color = Titanium.UI.createButton({
        title:Ti.Locale.getString("menu_color") || "Color",
        height:24,
        top:10
    });

我还添加了

borderWidth:0

（无效果）和

backgroundColor:none/transparent

，没有运气

---

帮助？：）

当我需要创建上述内容时，我通常使用视图

例如：

我使用具有垂直布局的视图，然后添加子视图。然后，子视图具有单击或其他事件的侦听器

这允许您对格式进行更多控制。这样做的一个副作用是，在某些情况下，您需要创建自己的“按下”ui提示

var demo = {win : Ti.UI.currentWindow}; (function(){ //Create the container view demo.vwMain = Ti.UI.createView({height:100, layout:'vertical', backgroundColor:'yellow'}); demo.win.add(demo.vwMain); demo.fakebutton1 = Ti.UI.createView({height:40, backgroundColor:'blue',left:25,right:25,borderRadius:5,borderColor:'#000'}); demo.vwMain.add(demo.fakebutton1); demo.fakebutton2 = Ti.UI.createView({top:5,height:40, backgroundColor:'green',left:25,right:25,borderRadius:5,borderColor:'#000'}); demo.vwMain.add(demo.fakebutton2); demo.fakebutton1.addEventListener('click', function(e) { alert('Clicked fake button 1'); }); demo.fakebutton2.addEventListener('click', function(e) { alert('Clicked fake button 2'); }); })(); var demo={win:Ti.UI.currentWindow}； （功能（）{ //创建容器视图 demo.vwMain=Ti.UI.createView（{高度：100，布局：'vertical'，背景色：'yellow'}）； demo.win.add（demo.vwMain）； demo.fakebutton1=Ti.UI.createView（{高度：40，背景颜色：蓝色，左：25，右：25，边框半径：5，边框颜色：'#000'}）； demo.vwMain.add（demo.fakebutton1）； demo.fakebutton2=Ti.UI.createView（{top:5，height:40，backgroundColor:'green'，left:25，right:25，borderRadius:5，borderColor:'000'）； demo.vwMain.add（demo.fakebutton2）； demo.fakebutton1.addEventListener（'click'，函数（e）{ 警报（“单击假按钮1”）； }); demo.fakebutton2.addEventListener（'click'，函数（e）{ 警报（“点击假按钮2”）； }); })();

---

创建一个布局属性设置为垂直的视图，并添加所需的标签或按钮。视图类似于HTML。希望您理解。

hmm。。。我试试看。谢谢好的，看起来差不多行了。有一种不指定宽度的方法（实际上只是克隆按钮栏行为而没有…按钮栏方面）最好使用水平布局并根据屏幕大小计算宽度。您知道这是一个4年前的问题，是吗？：）