带文本和图像的ListView - 如果不存在图像,我可以更改XML(或参数)吗?

时间:2012-07-13 21:07:33

标签: java android xml listview

我在listView中有一个文章列表,左边是文本,右边是图像。如果文章没有图像,我希望文本全宽(而不是marginRight为60dp)。

我的noob-java思维过程是:我已经循环并检查是否有一个图像...(如果有一个,我改变了哪个图像显示)在该循环中,我可以以某种方式使用java来改变我的视图的XML添加或删除imageView并添加或删除边距?

我用来重复和改变图像的代码:

    ImageLoader imageLoader = ImageLoader.getInstance();

    imageLoader.displayImage("", viewHolder.thumbView); //clears previous one
    if(article.filepath != null && article.filepath.length() != 0) {
        imageLoader.displayImage(
            "http://img.mysite.com/processes/resize.php?image=" + article.filepath + "&size=100&quality=70",
            viewHolder.thumbView
            );
    }

我的“article_entry_list_adapter.xml”:

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

<!-- Layout for individual news entries in a list -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="10dp" >

<!-- Title of the news entry -->
<TextView
    android:id="@+id/article_title"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginRight="60dp"
    android:textSize="13sp"
    android:textStyle="bold"
    android:textColor="@drawable/list_title_selector" android:typeface="serif"/>

<!-- Subtitle contains author and date -->
<TextView
    android:id="@+id/article_subtitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginRight="60dp"
    android:layout_alignLeft="@id/article_title"
    android:layout_below="@id/article_title" 
    android:textSize="11sp"
    android:textColor="@drawable/list_subtitle_selector" />

<com.sltrib.views.WebImageView
    android:id="@+id/article_thumbnail"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:adjustViewBounds="true"
    android:layout_alignParentRight="true"
    android:background="@color/super_light_gray"
    android:padding="1dp"
    android:scaleType="centerCrop" android:cropToPadding="true"/>

</RelativeLayout>

3 个答案:

答案 0 :(得分:2)

我建议将xml布局更改为:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:padding="10dp" >

<!-- Title of the news entry -->

<com.sltrib.views.WebImageView
    android:id="@+id/article_thumbnail"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentRight="true"
    android:adjustViewBounds="true"
    android:background="@color/super_light_gray"
    android:cropToPadding="true"
    android:padding="1dp"
    android:scaleType="centerCrop"
    />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginRight="5dip"
    android:layout_toLeftOf="@id/article_thumbnail"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/article_title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Titol"
        android:textColor="@drawable/list_title_selector"
        android:textSize="13sp"
        android:textStyle="bold"
        android:typeface="serif" />

    <TextView
        android:id="@+id/article_subtitle"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Subtitol"
        android:textColor="@drawable/list_subtitle_selector"
        android:textSize="11sp" />

</LinearLayout>

然后,当没有图像时,只需将WebImageView可见性设置为GONE,文本将采用父级的宽度。

用你的例子:

viewHolder.thumbView.setVisibility(View.VISIBLE); //to show the image
viewHolder.thumbView.setVisibility(View.GONE); //to hide the image

答案 1 :(得分:0)

在循环使用article_thumbnail的setVisiblity(VIEW.Gone)时。

TextView textView = (TextView) findViewById(R.id.textView1);

    LinearLayout.LayoutParams llp = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    llp.setMargins(50, 0, 0, 0); // llp.setMargins(left, top, right, bottom);
    textView.setLayoutParams(llp);

答案 2 :(得分:0)

您可以更改viewGroup(将imageView的可见性设置为GONE并以编程方式添加边距)或选择为另一个xml充气。你想做什么=)