Appcelerator Titan Navigation

Question

Hallo Titan developpers Handys,

Ich habe einige Fragen über Navigation, weil Bild ist besser als tausend Worte:

Wie Sie, ich habe eine blaue Zurück-Button sehen des Navigation und als Inhalt einer ScrollableView Bild:

<Alloy> 
<Window> 
    <ScrollableView id="scrollableView" showPagingControl="true" overlayEnabled="true" pagingControlColor="transparent" backgroundColor="black"> 
     <View id="view1"> 
      <ImageView class="fullBgImage"image="images/pubs/v2.png" /> 
     </View> 
     <View id="view2"> 
      <ImageView id="imageview_1" image="images/pubs/pub_un.jpg" /> 
     </View> 
     <View id="view3"> 
      <ImageView id="imageview_2" image="images/pubs/pub_deux.jpg" /> 
     </View> 
     <View id="view4"> 
      <ImageView image="images/pubs/guide.png" /> 
     </View> 
     <View id="view5" > 
      <ImageView touchEnabled="false" image="images/pubs/start.png" /> 
     </View> 
    </ScrollableView> 
</Window> 

Mein Problem ist, dass ich nicht den Text und den Pfeil der Zurück-Taste zu weißer Farbe bekommen kann, und ich bekomme auf beiden Seiten von ScrollableView Polsterung.

Wie kann ich diese Polsterungen loswerden? und Farbe zurück Knopf?

ÜBER FRAGEN UNTER

aufzulösenden Ich habe nur noch eine Frage, ist es möglich, die Bildansicht machen Vollbild, ich meine die Zurück-Taste unter der Ansicht setzen, siehe unten Screenshot:

Vielen Dank für die Hilfe.

Answer 1

Für Back-Button Titel Farbe,

Verwenden tintColor property auf Navigation, die das Fenster enthält wie:

<NavigationWindow platform="ios" tintColor="white"> 
     <Window </Window> 
    </NavigationWindow> 

Für ScrollableView Polsterung, ich denke, es aufgrund des Bildseitenverhältnisses ist die ursprüngliche Breite von Das Bild wird angezeigt.

Sie können dies überprüfen, indem Sie den Ansichten (id = "view1" oder view2 oder view3 ...), die Ihre Bilder enthalten, backgroundColor zuweisen.

Also, um ganze Breite des Bildschirms mit Bild zu füllen, können Sie 2 Möglichkeiten versuchen:

1. Verwenden ein anderes Seitenverhältnis für Bild (möglicherweise nicht auf allen Geräten sein).

2. Geben Sie Bilder width = '100%' und height = '100%' statt Ti.UI.FILL oder Ti.UI.SIZE

Hier ist, wie können Sie TU es.

<View id="view1"> 
    <ImageView class="fullBgImage" width='100%' height='100%' image="images/pubs/v2.png" /> 
</View> 

oder

<View id="view1"> 
    <ImageView id='images' image="images/pubs/v2.png" /> 
</View> 

$.images.height = Titanium.Platform.displayCaps.platformHeight; 
$.images.width = Titanium.Platform.displayCaps.platformWidth; 

Einfach gesagt, nicht verlassen Breite oder Höhe Auto-Set. Stellen Sie sie selbst ein.

Für Back-Button hinter Imageview, können Sie es auf diese Weise tun:

.xml

<Window class="full-window"> 
    <View class='header'> 
     <Button left="15" title="< Back" color="white"></Button> 
    </View> 

    <View zIndex="1"> 
     <ScrollableView id="scrollableView" showPagingControl="true" overlayEnabled="true" pagingControlColor="transparent" backgroundColor="black"> 
      .... 
     </ScrollableView> 
    </View> 
</Window> 

.tss

".full-window": { 
    fullscreen: true, // set to false if you want to show battery-signal status bar 
    navBarHidden: true // must be true to show manual view 
} 

".header": { 
    top : 0, 
    height: '64dp', 
    backgroundColor: "#3000", 
    zIndex : 2 // necessary to put your content view behind it 
} 

Answer 2

Um es einfach zu machen Vollbild brauchen Setzen Sie zwei Boolean-Eigenschaften und fullscreen auf true haben Blick auf den folgenden Code:

<Window navBarHidden = "true" fullscreen="true"> 
    // Your other Views 
</Window> 

Good Luck, Prost