如何创建此视图(布局)?

时间:2012-02-17 04:45:03

标签: android layout textview imageview

  

可能重复:
  How can I implement a 'Lettrine' render in android?

在我的应用程序中,我想在视图中显示新闻(来自数据库),因为我必须在下面的图像中创建此类型的视图。

我想在图像视图中设置图像,在TextView中设置标题,在textView 2中设置描述。 文字长度会有所不同

应该看起来像新闻页面。如下图所示。

enter image description here

3 个答案:

答案 0 :(得分:2)

最好不要使用布局,而是将新闻标记为HTML并将其放入WebView。

否则,您可以查看Spannable,将Image作为ImageSpan添加到TextView,然后(afaik)您可以修改文本与图像对齐的方式。

答案 1 :(得分:0)

好的,伪代码:

<RelativeLayout>

<TextView id=TextView2 width/height=fill_parent />

<ImageView id=ImageView1 width/height=wrap_content 
       layout_alignparenttop=true layout_alignparent_left=true/>
<TextView id=TextView1 width/height=wrap_content 
       layout_alignparenttop=true layout_alignparentright=true />
</RelativeLayout>

诀窍是使用RelativeLayout作为父级,然后使用layout_alignParentX属性集来定义屏幕上的相对位置。此外,上面的psuedo-layout假定TextView2将在图像视图后面。

答案 2 :(得分:0)

检查出来

  <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:background="#ffffff"
android:orientation="vertical" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:background="#0059A9"
    android:gravity="center"
    android:padding="50dip"
    android:text="TextView 1" />

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_below="@+id/textView1"
    android:layout_marginTop="10dip"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#0059A9"
        android:gravity="center"
        android:padding="50dip"
        android:text="TextView 1" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_gravity="left"

        android:background="#ffffff"
        android:contentDescription="Image View"
        android:src="@drawable/image_no" />
</RelativeLayout>