2011-05-24 82 views
9

我正在爲Android應用程序實現一個UI,並且我想問一下本機窗口小部件中是否已經有東西來完成我正在嘗試做的大部分工作。Android UI問題。實施指南

我正在處理的應用程序執行15個不同的任務,可以分爲3個不同的組。 (每組5個任務)我有18幅的圖標圖像(3爲基團和15爲單獨的任務),我希望能夠以面板這些圖標(起始於基團)所示:

enter image description here

我想下一個圖標可見以下和以上(如果進一步比所述第一圖標向下)和滑動到進入下一個圖標

enter image description here

一旦被點擊的圖標,面板滑動到一側,露出選定組的下一層(所選組的特定5個任務)仍然可見就在身邊:

enter image description here

從那裏,用戶可以告訴一目瞭然,他們是在什麼組,目前,下一個和以前可選擇的任務是什麼,並通過向右滑動,就可以拿回到組選擇。

爲了完成這樣的事情,需要查看哪些類型的小部件?是否有預先建立的清單來完成這些活動?

感謝您的任何指導!

+6

酷UI理念!只是說... – 2bard 2011-05-24 16:16:39

+1

謝謝!這是一個學校研究項目。我們正試圖建立一個只有圖片的界面,沒有文字,並且完全直觀。這個設計讓我每天都想起來......現在是實施的時候了! – 2011-05-24 16:31:58

+0

讓我想起最近Playstation遊戲機中使用的儀表板。 – walkingTarget 2011-06-07 14:08:13

回答

6

你可以親近ImageViewLinearLayout部件和一個ScrollView(垂直)或HorizontalScrollView。然而,它不會給你所需的「中間圖像與前面/後面圖像的位」效果 - 它將會在用戶定位它的任何地方。

您可以通過Gallery關閉。但是,它不會給你垂直的方向,並且它總會給你一組固定的選項給雙方,而不是你想要的部分圖像。

如果這是你描述它的方式,你必須自己推出它。手勢和動畫應該給你想要的效果。

+1

我害怕那個......如果我設置一個滾動視圖來填充90%的寬度,然後有一個圖像視圖或其他10%的東西,該怎麼辦?我想在scrollview中與監聽器一起玩,如果有一些事情會在鼠標上觸發,我可以做一些類似於「ScrollTo(int)」的方法,它總是將用戶滾動到一個定義的時間間隔,視圖最後定位在OnMouseUp發生時。你怎麼看? – 2011-05-24 16:18:56

+2

@joe_coolish:「我可以做一些類似於」ScrollTo(int)「的方法,該方法將始終根據OnMouseUp發生時視圖最後定位的位置將用戶滾動到定義的時間間隔。」 - 嗯......這可能會奏效。可能很難讓它在所有屏幕尺寸/密度下工作,因爲大概你會有多種尺寸的圖像。 – CommonsWare 2011-05-24 16:37:08

+1

我想我會讓所有圖標的大小相同。我認爲這是該用戶界面的方式。至於屏幕尺寸/密度,不會使用DP單位解決這個問題?我要試一試,看看結果如何 – 2011-05-24 17:56:21

-1

你有沒有想過用不同的視圖配置啓動活動?您可以使用手勢從一種活動切換到另一種活動,並且可以爲視圖製作動畫。你的用戶界面看起來對我來說是一堆顯示其他屏幕的可供選擇的屏幕。所以每個屏幕上的一個Activity可能在不同的配置或類似的東西中是相同的。

0

我會爲前3個頂級項目使用ListActivity。這不會給你可能想要的自動居中效果,但是你應該可以看看Gallery源代碼,它可以找到here,並對ListActivity進行一些修改以使其自動居中。

對於接下來的項目,我會添加一個onClick和一個GestureListener,以便您可以使用另一個列表視圖導航到另一個活動。既然你知道你來自哪裏(將一些數據添加到你的意圖中),你可以在左邊設置顏色矩形,以便看起來你已經把左邊的整個視圖都刷過了。

如果您需要自定義動畫,你可以調用這個:

overridePendingTransition(R.anim.slide_left_entry, R.anim.slide_left_exit); 

爲了使黃色圖標好看,因爲它動畫到左邊,我會改變列表範圍(第一活動)沒有邊距,並將黃色圖標更改爲方形右邊緣 - 這將使下一個活動上的小黃色矩形顯示爲第一個活動的一部分。

這應該是相對容易的嘲笑這個,看看它是否會正常工作。

祝你好運!

編輯:好的,所以我做了一個基本的項目,大部分你想要的。 here是eclipse項目文件的鏈接。我打算把源碼放在這裏,但是要顯示的內容有點多。

什麼你還必須做到:

  • 調整動畫
  • 配置層列表中顯示正確的色彩
  • 到頂層意圖添加信息的子活動,以便能夠配置自己。
  • 不少其他小事情。

我想我已經完成了主要的工作。我還添加了我提到的手勢監聽者,雖然重新閱讀您的問題,但您實際上並未要求這樣做。既然很酷,我就把它留下了。

好運再次!!

+0

嗯......我對Android和UI的東西還是很新的。您能否就您的建議闡述(也許有一些鏈接或代碼)? – 2011-06-07 22:27:09

+0

如果你延長賞金,我會這樣做;;)。這是一個工作。 – 2011-06-07 22:36:35

+0

完成:)這絕對是我有史以來最慢的賞金 – 2011-06-07 22:51:45

0

你看過ViewFlipper嗎? http://developer.android.com/reference/android/widget/ViewFlipper.html這將產生並排效果,但您必須爲每個組製作自定義視圖,以便使用適當的圖標填充它。

+0

我已經看過ViewFlipper,但我真的很喜歡還沒有能夠弄清楚如何讓它做我想做的。有什麼建議嗎? – 2011-06-07 22:24:48

+0

這是Viewflipper的一個很好的例子http://android-journey.blogspot.com/2009/12/android-viewflipper-and -slidingdrawer.html – JPM 2011-06-08 15:56:16