如何设计这个UI [英] how to design this UI

查看:115
本文介绍了如何设计这个UI的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想设计一个UI像在iPhone应用程序。设计的图像是如下

I am trying to design a UI as like in an iPhone app. The image of the design is as follows

在上图中所有的白框是一个列表视图。在这些列表视图中我正在将一个图像查看和两套文本视图中。我已经把使用相对布局,我有地方的图像视图和两个文本视图一个整体的自定义列表视图,并在自定义列表视图。

In the above image all the white boxes are of a list view. In those list view i am placing an image View and two set of text view. I have placed a overall custom list view and in that custom list view using relative layout i have place the image view and two text view.

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

now i want to draw a line between the two text view and when i click on the second text view i am moving to a new activity. At that time i want to show that only the second text view is been clicked.

推荐答案

使用一个RelativeLayout的:

Use a RelativeLayout:


  • 图像机器人:layout_alignParenLeftt =真正的

  • 前两个textViews机器人:layout_toRightOf =@ ID / MYIMAGE,

  • 低于previous那些其他textviews(例如机器人:layout_below =@ ID /作者,并用layout_width =FILL_PARENT

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

Check Romain Guy's blog post for a tutorial on a similar (simpler) setup: http://android-developers.blogspot.com/2009/02/android-layout-tricks-1.html

这篇关于如何设计这个UI的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆