Appcelerator的鈦navigationWindow

你好鈦手機developpers，Appcelerator的鈦navigationWindow

我有navigationWindow一些問題，因爲圖片勝過千言萬語：

正如你可以看到我有一個藍色的後退按鈕導航窗口和內容ScrollableView與圖像：

<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>

我的問題是，我無法獲得後退按鈕文本和箭頭到白色，我在ScrollableView的兩側獲得填充。

我該如何擺脫這些填充物？和彩色後退按鈕？

上述問題都解決了BELOW

我只是有一個問題，就是有可能使全屏的ImageView的，我的意思是視圖下把後退按鈕下面，請看截圖：

謝謝你的幫助。

來源

2017-03-01 user44321

請不要修改回答問題要問別的東西。相反，在這些情況下提出一個新問題。 – josliber

對於後退按鈕標題顏色，

上NavigationWindow使用tintColor property含有該窗口爲：

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

對於ScrollableView填充，我認爲這是由於圖像縱橫比原來的寬度圖像就是你正在查看的那個。

您可以通過給包含圖像的視圖（id =「view1」或view2或view3 ...）提供一些backgroundColor來檢查它。

所以，填補了屏幕圖像的整個寬度，你可以嘗試2種選擇：

使用的圖像不同的寬高比（可能不會在所有設備上工作）。
給圖像WIDTH = '100％' 和高度= '100％'，而不是Ti.UI.FILL或Ti.UI.SIZE

這裏是你如何能做到這一點。

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

或

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

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

簡單地說，不要離開寬度或高度自動設定。自己設置。

對於後面的ImageView後退按鈕，你可以這樣來做：

的.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 
}

來源

2017-03-01 07:54:58

嘿，謝謝你的幫助，tintColor工作正常，是的，我添加了backgroundColor到視圖，這填充整個屏幕，但圖像不是，所以你是正確的，這是因爲圖像的比例。但事件我設置圖像視圖寬度爲「Titanium.Platform.displayCaps.platformWidth」寬度仍然不填充所有設備的寬度，相同的寬度爲100％。 – user44321

您需要設置寬度和高度，因爲如果設置了寬度/高度，則其他屬性將根據圖像寬高比自動計算。 –

我已經添加了更多答案。請檢查並讓我們知道結果。 –

爲了讓全屏你只需要將兩個布爾屬性navBarHidden和fullscreen設置爲true對下面的代碼看看：

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

好運，乾杯

來源

2017-03-02 07:15:56

謝謝，你是老闆。 – user44321

@ user44321您現在將如何顯示「後退」按鈕？你甚至嘗試過這種解決方案嗎？當你打算取消已經接受的另一個主題的答案時，我想建議你使用單獨的問題，因爲當其他一些用戶現在訪問這個問題時，他們會困惑這個答案如何解決你的兩個問題。 –

Appcelerator的鈦navigationWindow

回答

相關問題