Android UI问题。实施指南

Question

我正在为Android应用程序实现一个用户界面，我想问一下原生小部件中是否已有一些内容可以完成我正在尝试的大部分内容。

我正在处理的应用程序执行15个不同的任务，可以分为3个不同的组。 （每组5个任务）我有18个图标图像（3个用于组，15个用于单个任务），我希望能够将这些图标（从组开始）组合在一起，如下所示：

我想在下方和上方显示下一个图标（如果比第一个图标更下方）并滑动以转到下一个图标

单击图标后，面板会向侧面滑动，显示下一个图层（所选组的特定5个任务），并且所选组仍在侧面可见：

从那里，用户可以一眼就看出他们在哪个群组，当前，下一个和之前的可选任务是什么，通过向右滑动，他们可以回到群组选择。

为了完成这样的事情，我需要考虑哪些类型的小部件？是否已经预先建立了列表来进行这些活动？

感谢任何指导！

Answer 1

您可以使用LinearLayout个ImageView小部件和ScrollView（垂直）或HorizontalScrollView来结束。但是，它不会为您提供所需的“居中图像与前一个/下一个图像的位”效果 - 它将在用户定位的任何位置。

您可以使用Gallery来结束。但是，它不会给你垂直方向，它总是会给你一组固定的全部选项，而不是你寻找的局部图像。

如果它必须按照您的描述方式进行，那么您必须自己动手。手势和动画应该会给你带来理想的效果。

Answer 2

我会为前3个顶级项目使用ListActivity。这不会为您提供您可能想要的自动居中效果，但您应该能够查看Gallery源代码，可以找到here，并对ListActivity进行一些修改，以便它autocenters。

对于下一个项目，我将添加一个onClick和一个GestureListener，以便您可以使用另一个列表视图导航到另一个活动。既然你知道你来自哪里（向你的Intent添加一些数据），你可以在左边设置颜色矩形，这样就可以看到你刚刚滑过整个视图。

如果您需要自定义动画，可以这样称呼：

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

为了使黄色图标看起来很好，因为它向左移动，我会更改列表边界（在第一个活动上）没有边距，并将黄色图标更改为具有方形右边缘 - 这将使下一个活动的小黄色矩形似乎是第一个活动的一部分。

嘲笑它应该相对容易，看看它是否适合你。

祝你好运！

编辑：好的，所以我做了一个基本的项目，可以完成你想要的大部分工作。 here是eclipse项目文件的链接。我打算把这个源放在这里，但是有一点显示。

你还需要做什么：

• 调整动画
• 配置图层列表以显示正确的颜色
• 将信息添加到顶层意图，以便子活动能够自行配置。
• 还有其他一些小事。

我想我已经完成了主要工作。我还添加了我所谈到的手势监听器，虽然重新阅读了你的问题，但你实际上并没有要求这样做。由于很酷，我把它留在了。

再次祝你好运!!

Answer 3

你看过ViewFlipper了吗？ http://developer.android.com/reference/android/widget/ViewFlipper.html这会产生并排效果，但您必须为每个组制作自定义视图，并使用正确的图标填充它。

Answer 4

您是否考虑过使用不同的视图配置启动活动？您可以使用手势从一个活动切换到另一个活动，并且可以为视图设置动画。你的用户界面看起来像是一堆屏幕，显示其他屏幕的可供性。因此，每个屏幕上的一个活动可能在不同配置中相同或类似。