2011-05-10 62 views
1

我试图设计一个UI像在iPhone应用程序。设计图如下 enter image description here如何设计这个UI

在上图中所有的白色框都是列表视图。在那些列表视图中,我放置了一个图像视图和两组文本视图。我已经放置了一个整体自定义列表视图,并且在使用相对布局的自定义列表视图中,我放置了图像视图和两个文本视图。

现在我要画两个文本视图,当我点击第二个文本视图中我换了一个新的活动之间的线路。那时我想表明只有第二个文本视图被点击了。

回答

5

使用的RelativeLayout:

  • 图像的android:layout_alignParenLeftt = “真”
  • 前两个textViews机器人:layout_toRightOf = “@ ID/MYIMAGE”
  • 低于上其他textviews那些(如机器人:layout_below =“@ ID /作者”,并用layout_width =“FILL_PARENT”

检查罗曼盖伊的博客文章对类似的(简单)安装教程:http://android-developers.blogspot.com/2009/02/android-layout-tricks-1.html

3

入住这http://www.androidsnippets.com/clickable-listview-items

在 API-演示示例 “高效列表 适配器” 的ClickableListAdapter基地。重构提供了 更好的可重用性。此外, 可以连接OnClickListener和/或 OnLongClickListener到 列表项的每个视图。这使您可以用 创建复杂的交互式列表,或者 只需使用自定义复选框 版本。

我曾在一个项目中减去图像视图来实现这一点。 Heres a screenshot