Appcelerator Titan, wie kann ich ein modales Fenster erstellen?

8

Ich bin neu bei appcelerator titan und habe eine Frage

Wie kann ich ein modales Fenster erstellen, das seine Eltern verwischt, oder einen halbtransparenten Hintergrund ?, Ich schaffte es, ein modales Fenster zu erstellen, aber das Elternteil wurde schwarz.

Danke im Voraus

    
mim 05.06.2011, 11:42
quelle

8 Antworten

10

Dies ist der aktuelle Weg, dies in Titanium ab Version 3.1.3 unter iOS zu erreichen.

Zuerst ein neues Fenster erstellen.

%Vor%

Erstellen Sie anschließend eine Wrapper-Ansicht, eine Hintergrund-Ansicht und eine Container-Ansicht:

%Vor%

Erstellen Sie jetzt Ihren UI-Stack. Die Reihenfolge ist wichtig, um den Z-Index nicht setzen zu müssen.

%Vor%

Jetzt können Sie Ihr Modal öffnen, aber nicht modal : true

setzen %Vor%     
AlienWebguy 15.11.2013 19:16
quelle
4

Es ist sehr einfach. Erstellen Sie einfach das Fenster, und wenn Sie es öffnen, geben Sie die Eigenschaft 'modal' als wahr an!

%Vor%     
dragonfly 08.06.2011 07:26
quelle
0

In Titanium Appcelerator (versucht in 1.6.2) ist ein modales Fenster immer ein Vollbild-Fenster. Der Elternteil könnte schwarz erscheinen, weil der Hintergrund dieses modalen Fensters schwarz ist.

Geben Sie ein halbtransparentes Bild als Hintergrund für dieses modale Fenster an, das Sie erstellen, und Sie erhalten möglicherweise den gewünschten Effekt.

    
Ozair Kafray 05.06.2011 11:56
quelle
0

Sie könnten versuchen, opacity in dem Fenster zu verwenden, das Sie überlagern.

%Vor%     
bh88 05.06.2011 15:35
quelle
0
___ answer20008850 ___

Dies ist der aktuelle Weg, dies in Titanium ab Version 3.1.3 unter iOS zu erreichen.

Zuerst ein neues Fenster erstellen.

%Vor%

Erstellen Sie anschließend eine Wrapper-Ansicht, eine Hintergrund-Ansicht und eine Container-Ansicht:

%Vor%

Erstellen Sie jetzt Ihren UI-Stack. Die Reihenfolge ist wichtig, um den Z-Index nicht setzen zu müssen.

%Vor%

Jetzt können Sie Ihr Modal öffnen, aber nicht %code%

setzen %Vor%     
___ qstnhdr ___ Appcelerator Titan, wie kann ich ein modales Fenster erstellen? ___ answer6275485 ___

Es ist sehr einfach. Erstellen Sie einfach das Fenster, und wenn Sie es öffnen, geben Sie die Eigenschaft 'modal' als wahr an!

%Vor%     
___ answer6242744 ___

In Titanium Appcelerator (versucht in 1.6.2) ist ein modales Fenster immer ein Vollbild-Fenster. Der Elternteil könnte schwarz erscheinen, weil der Hintergrund dieses modalen Fensters schwarz ist.

Geben Sie ein halbtransparentes Bild als Hintergrund für dieses modale Fenster an, das Sie erstellen, und Sie erhalten möglicherweise den gewünschten Effekt.

    
___ answer6243881 ___

Sie könnten versuchen, %code% in dem Fenster zu verwenden, das Sie überlagern.

%Vor%     
___ answer 14852205 ___

Wenn Sie auf dem iPhone sind, können Sie es wahrscheinlich nicht machen. Wenn auf dem iPhone ein modales Dialogfeld angezeigt wird, wird das andere Fenster auf dem Render-Stapel gelöscht. Das heißt, nur ein modaler Dialog im Renderstapel. Das ist der Grund, warum Sie schwarz wurden, wenn andere Bereiche des Elternteils nicht von Ihrem modalen Fenster abgedeckt werden. Das iPad hat den modalen Dialog mit dem "Blatt" -Stil implementiert, sodass Sie die Are-Bereiche halbtransparent gestalten können.

    
___ qstntxt ___

Ich bin neu bei appcelerator titan und habe eine Frage

Wie kann ich ein modales Fenster erstellen, das seine Eltern verwischt, oder einen halbtransparenten Hintergrund ?, Ich schaffte es, ein modales Fenster zu erstellen, aber das Elternteil wurde schwarz.

Danke im Voraus

    
___ answer20620095 ___

Ich mag die von AlienWebguy vorgestellte Lösung, obwohl ich denke, dass es einen kleinen Fehler gibt. Wenn Sie Ihr Label erstellen, sollten Sie die Eigenschaft %code% und nicht die Eigenschaft %code% festlegen:

%Vor%

Wenn ich %code% verwendet habe, wurde es (das Label) nicht im Fenster angezeigt.

Eine weitere Änderung, die ich vornehmen könnte, ist das Festlegen der Layout-Eigenschaft für die Containeransicht, z. B.

%Vor%

Dadurch können Sie die GUI-Elemente in dieser Ansicht "stapeln" und sich nicht zu sehr Gedanken darüber machen, wie Sie Layoutkoordinaten setzen ... Zumindest mache ich das, indem ich mit den hier beschriebenen Techniken eine benutzerdefinierte Alarmbox erstelle .

    
___ tag123window ___ In der Informatik ist ein Fenster eine grafische Oberfläche, mit der ein Benutzer mit einem Programm interagieren kann. Fragen zu Microsoft Windows sollten das "Windows" -Tag verwenden. ___ answer36116167 ___

warum nicht einfach einen transparenten Hintergrund geben?

%Vor%     
___ tag123modaldialog ___ Bezieht sich auf einen grafischen Dialog zur Anzeige wichtiger Informationen für den Benutzer. Diese Dialoge erscheinen über allen anderen Inhalten und blockieren den Anwendungsfluss, bis Benutzereingaben empfangen werden. ___ answer31694916 ___

Ich suchte auch nach einem solchen Fenster mit halbtransparentem Hintergrund für IOS 8.4. Ich habe den Weg "AlienWebguy" in Alloy XMl ausprobiert, aber das Problem war, dass das ganze Fenster die Deckkraft 0,5 erreichte und der Hintergrund des gestapelten Fensters klar sichtbar war als der Inhalt der Vordergrundansicht. Ich habe einige Änderungen am "AlienWebguy" vorgenommen, um das gewünschte Ergebnis zu erhalten:

%Vor%

Ich hoffe, das wird die Zeit sparen, die Entwickler in Alloy machen. Danke für "AlienWebguy" für das Konzept.

    
___ tag123titanium ___ Titanium ist ein JavaScript-basiertes SDK, mit dem Entwickler native iOS-, Android-, Hybrid- und mobile Webanwendungen erstellen können. ___ tag123appcelerator ___ Verwenden Sie dieses Tag für Programmier- oder Entwicklungsfragen im Zusammenhang mit der Appcelerator-Plattform für die Entwicklung nativer mobiler Apps und APIs mithilfe von JavaScript. Bitte verwenden Sie Appcelerator-spezifische Tags wie [appcelerator-titanium], nicht [titanium]. ___
Mason Zhang 13.02.2013 11:12
quelle
0

Ich mag die von AlienWebguy vorgestellte Lösung, obwohl ich denke, dass es einen kleinen Fehler gibt. Wenn Sie Ihr Label erstellen, sollten Sie die Eigenschaft text und nicht die Eigenschaft title festlegen:

%Vor%

Wenn ich title verwendet habe, wurde es (das Label) nicht im Fenster angezeigt.

Eine weitere Änderung, die ich vornehmen könnte, ist das Festlegen der Layout-Eigenschaft für die Containeransicht, z. B.

%Vor%

Dadurch können Sie die GUI-Elemente in dieser Ansicht "stapeln" und sich nicht zu sehr Gedanken darüber machen, wie Sie Layoutkoordinaten setzen ... Zumindest mache ich das, indem ich mit den hier beschriebenen Techniken eine benutzerdefinierte Alarmbox erstelle .

    
Jim Daehn 16.12.2013 20:18
quelle
0

Ich suchte auch nach einem solchen Fenster mit halbtransparentem Hintergrund für IOS 8.4. Ich habe den Weg "AlienWebguy" in Alloy XMl ausprobiert, aber das Problem war, dass das ganze Fenster die Deckkraft 0,5 erreichte und der Hintergrund des gestapelten Fensters klar sichtbar war als der Inhalt der Vordergrundansicht. Ich habe einige Änderungen am "AlienWebguy" vorgenommen, um das gewünschte Ergebnis zu erhalten:

%Vor%

Ich hoffe, das wird die Zeit sparen, die Entwickler in Alloy machen. Danke für "AlienWebguy" für das Konzept.

    
Raghu 29.07.2015 08:16
quelle
0

warum nicht einfach einen transparenten Hintergrund geben?

%Vor%     
aditya063 20.03.2016 16:12
quelle