Titanium Appcelerator 自定义按钮

Question

我是 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，但没有成功。

帮助？ :)

Answer 1

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

例如：

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

这使您可以更好地控制格式。这样做的一个副作用是，在某些情况下，您需要创建自己的“新闻”用户界面提示。

var demo = {win : Ti.UI.currentWindow}; （功能（）{ //创建容器视图 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('点击了假按钮 1'); }); demo.fakebutton2.addEventListener('click', function(e) { alert('点击了假按钮 2'); }); })();

Answer 2

创建一个布局属性设置为垂直的视图，并添加你想要的标签或按钮。视图就像在 HTML 中一样。希望你理解。