Titanium Appcelerator Benutzerdefinierte Schaltflächen

Ich bin neu mit Appcelerator und ich stieß ein ärgerliches problem in Bezug auf layout.

Ich zu tun haben, eine Menüleiste, die ist sehr einfach zu tun mit einfachen html (ul>li>ein und das ist alles). Das problem ist, dass es scheint, dass alle button-Funktionen sind nicht... anpassbar. Ich möchte die buttons werden als normaler text angezeigt, keine buttons.

Der erste Gedanke war der Einsatz von Etiketten (anstelle von Knöpfen). Aber... Ist das richtig? Ich brauche eine Menüleiste, nicht ein text-Absatz! Abgesehen davon, das Menü ist irgendwie flexibel, nicht wie Etiketten.

Dies ist einer (von vielen!) Dinge, die ich versuchte:

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

Habe ich auch noch borderWidth:0 (kein Effekt) und backgroundColor:none/transparent mit kein Glück.

Helfen? 🙂

InformationsquelleAutor Ionuț Staicu | 2011-05-23

  1. 2

    Ich in der Regel verwenden Sie Ansichten, wenn ich Sie brauche, zu schaffen, was Sie oben beschrieben haben.

    Beispiel:

    Ich eine Ansicht mit einem vertikalen layout, dann fügen Sie mein Kind Aussicht. Die untergeordneten Ansichten haben dann-Listener für das klicken oder was auch immer-Veranstaltung.

    Dies ermöglicht es Ihnen, mehr Kontrolle über die Formatierung. Eine Nebenwirkung von diesem ist, müssen Sie erstellen Sie Ihre eigenen "Presse" ui-cue in einigen Fällen.

    var demo = {gewinnen : Ti.UI.currentWindow}; 

(function(){ 

//Erstellen der container-Ansicht 
demo.vwMain = Ti.UI.createView({height:100, layout:'vertical', backgroundColor:'gelb'}); 
demo.gewinnen.hinzufügen(demo).vwMain); 
demo.fakebutton1 = Ti.UI.createView({height:40, backgroundColor:'blau',left:25,rechts:25,borderRadius:5,borderColor:'#000'}); 
demo.vwMain.hinzufügen(demo).fakebutton1); 
demo.fakebutton2 = Ti.UI.createView({top:5,Höhe:40, backgroundColor:'grün',left:25,rechts:25,borderRadius:5,borderColor:'#000'}); 
demo.vwMain.hinzufügen(demo).fakebutton2); 

demo.fakebutton1.addEventListener('click', function(e) { 
alert('Clicked fake-button 1'); 
}); 

demo.fakebutton2.addEventListener('click', function(e) { 
alert('Clicked fake-button 2'); 
}); 

})();
    hmm... ich werde einen Versuch geben. Danke!
    ok, scheint zu funktionieren, fast ok. Es ist ein Weg, um nicht geben Sie die Breite (eigentlich nur um zu Klonen, die button-Leiste Verhalten ohne... " - button, bar-Aspekt)
    Am besten verwenden Sie das horizontale layout und Breite berechnen, basierend auf der Bildschirmgröße.

    InformationsquelleAutor Ben Bahrenburg

  2. 0

    erstellen Sie eine Ansicht, mit der layout-Eigenschaft ist auf vertikal eingestellt, und fügen Sie Aufkleber oder Taste, die Sie wollen.Ansicht ist ähnlich wie in HTML.Hoffe, Sie verstehen.

    Sie wissen, dass dies ist eine 4 Jahre alte Frage, ja? 🙂

    InformationsquelleAutor sgajera

Schreibe einen Kommentar