2011-05-24 79 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