我们怎样才能设计列表视图布局 [英] How can we design the List View layout

问题描述

我需要使用列表视图来设计的打击给UI

I need to design the blow given UI using a list view

 I have to xml  conf.xml


 <?xml version="1.0" encoding="UTF-8"?>

   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent"
       android:paddingLeft="5dp"
    android:paddingRight="5dp">

   <TextView 
             android:layout_width="fill_parent" 
              android:layout_height="wrap_content"
              android:paddingTop="15dp"
               android:gravity="center"
                android:textColor="#FFFFFF"
            android:text="">
           </TextView> 

       <ListView android:id="@+id/ListView01"
        android:layout_height="wrap_content"
      android:layout_width="fill_parent">
      </ListView>


                        <TextView 
            android:id="@+id/TextViewEmpty"
             android:layout_width="fill_parent" 
              android:layout_height="fill_parent"
              android:paddingTop="10dp"

               android:gravity="center"
              android:textColor="#FFFFFF"
              android:typeface="sans"
            android:text="No Entries available">
           </TextView> 
                        </LinearLayout>

conf1.xml的列表视图

conf1.xml for the List View

     <?xml version="1.0" encoding="utf-8"?>

   <LinearLayout
    android:id="@+id/layout1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
     >


<TableRow android:id="@+id/ConfRow" android:layout_width="wrap_content"
    android:layout_height="wrap_content" android:orientation="horizontal">

    <ImageView 
    android:id="@+id/imgPicture1" 
     android:layout_width="wrap_content"
     android:layout_height="50dp"
    android:src="@drawable/conf_line">
    </ImageView>


</TableRow>

  <LinearLayout
    android:id="@+id/layout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
     >



    <TextView android:text="@+id/TextView02" android:id="@+id/TextView02"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_marginLeft="10dp" android:textColor="#FFFFFF"
        android:textAppearance="?android:attr/textAppearanceMedium"></TextView>

    <TextView android:text="@+id/TextView04" android:id="@+id/TextView04"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_marginLeft="10dp" android:textColor="#FFFFFF"
        android:textAppearance="?android:attr/textAppearanceSmall"></TextView>








</LinearLayout>

但是预期出放是不一样的给定图像layout..Pls帮助

But the expected out put is not the same as the given image layout..Pls Help

推荐答案

Wheww ..我有一个幻觉记忆看到你的问题。

Wheww.. I had a DejaVu seeing your question.

反正我们创建自定义的RowLayout来实现这一点。

anyway, We create custom RowLayout to achieve this.

勾选此博客帖子出来，当我尝试你的情况下创建一个自定义行布局。

check this blog post out, while I try create a custom row layout for your case.

更新
来知道你遇到与垂直线的问题。
您可以使用视图这样的：

UPDATE Came to know that you're having issues with vertical line. you can use a view for it like this:

<View
  android:layout_width="1dip"
  android:layout_height="fill_parent"
  android:background="#FF0000FF"
/>

我希望它能帮助。

I hope it helps.

所以，你的完整布局，使这样的事情：

So your full layout makes something like this:

要得到这个，我用下面的XML：

To get this, I have used the following XML:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/layout1" 
android:layout_width="fill_parent"
android:layout_height="wrap_content" 
android:orientation="horizontal"
android:background="#99FF0000">

<LinearLayout android:id="@+id/layout1"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <TextView android:text="@+id/TextView02" 
        android:id="@+id/TextView02"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp" 
        android:textColor="#FFFFFF"
        android:layout_marginRight="100dip" 
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <TextView android:text="@+id/TextView04" 
        android:id="@+id/TextView04"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp" 
        android:textColor="#FFFFFF"
        android:textAppearance="?android:attr/textAppearanceSmall" />

</LinearLayout>

<View android:layout_width="1dip" 
    android:layout_height="fill_parent"
    android:background="#FFFFFF" />

<ImageView android:id="@+id/imgPicture1"
    android:layout_width="wrap_content" 
    android:layout_height="50dp"
    android:src="@drawable/icon" />

</LinearLayout>

我希望现在解决您的问题。

I hope it solves your issues now.

这篇关于我们怎样才能设计列表视图布局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！