2016-02-19 34 views
3

我想在CodenameOne中垂直顯示滑塊。下面是我試圖使它成爲可能的代碼,但仍然水平顯示。如何在[CodenameOne]中顯示垂直滑塊

代碼:

Slider s1 = new Slider(); 
    Slider s2 = new Slider(); 
    s1.setVertical(true); 
    s1.repaint(); 
    s2.setVertical(true); 
    s2.repaint(); 
    findContMainT2O(f).add(BorderLayout.EAST, s1); 
    findContMainT2O(f).add(BorderLayout.WEST, s2); 
    findContMainT2O(f).repaint(); 

see output image here

回答

2

有一件事做,以使這項工作。

如果你看看SliderSliderFull樣式,你可以看到他們有水平圖像。你將不得不改變這個垂直。

這是,如果我想重用代號一個滑塊圖像我通常做的:

走進我的res文件夾,並採取hd.png從這些文件夾,這取決於您選擇的主題,你的情況。 ..

  1. sliderBlueCenter hd.png重命名爲sliderBlueCenterV
  2. hd.png從sliderBlueLeft重命名爲sliderBlueBottom
  3. hd.png從sliderBlueRight重命名爲0從
  4. hd.png更名爲sliderEmptyCenter
  5. hd.png從sliderEmptyLeftsliderEmptyRight更名爲sliderEmptyBottom
  6. hd.png更名爲sliderEmptyTop

然後轉動90度逆時針這些複製並重新命名圖像和使用圖像處理軟件,如Gimp或Photoshop。

現在,我打開我的theme.res和使用快速添加多圖片和選擇所有的主題,並選擇HD添加此圖像。

接下來是操縱我當前的滑塊樣式,我雙擊slider並切換到border選項卡。點擊3點並選擇垂直圖像而不是水平圖像。適當地將您的圖像更改爲添加的圖像。

執行相同的SliderFull那麼這些2個款式Unselected複製並粘貼到SelectedPressed覆蓋那些。

這是一個dropbox link來下載我之前操縱的滑塊圖像。

+0

不錯的解決方案和工作太...只是爲了知識的目的,我想問你,SliderFull是如何被考慮?,因爲我可以映射滑塊在用戶界面而不是SliderFull。 –

+0

如果你的Slider UIID是'SliderRed','SliderFull'將是'SliderRedFull' – Diamond