How to set width to ImageView in ListView for mutil screen

Question

I have a ListView with an ImageView and TextView, I want to set the width of the image as 2/3 of the screen.

How do I create a custom ImageView to do this? This is what I've tried so far.

Custom View

public class CustomImageListView extends ImageView {
    public CustomImageListView(Context context) {
        super(context);
    }

    public CustomImageListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CustomImageListView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        // Snap
        // to
        int width = MainActivity.width;
        int height = MainActivity.height;
        int w = width *2/5;
        int h = w *4/6;
        setMeasuredDimension(w, h);
        // setMeasuredDimension(ChoseImage.width, ChoseImage.height); // Snap to
        // //
        // width
    }

}

The custom View XML

<tuannt.tinmoi.custom.CustomImageListView
            android:id="@+id/ivAvater"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/nomage" />

I'd recommend you to check this question: http://stackoverflow.com/questions/3995825/what-does-androidlayout-weight-mean — Evin1_, Feb 22 '16 at 02:12
It used set width image but I want set width and height image. — Trần Hoà, Feb 22 '16 at 02:45

score 1 · Answer 1 · answered Feb 22 '16 at 02:09

You can define a horizontal linear layout with WeightSum = 3 and inside it put another layout with with layout_weight = 1, the remaining portion will be of weight = 2, so you can put your imageView there. Refer below:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:id="@+id/fullscreen"
    style="@style/translucent"
    android:orientation="horizontal"
    android:weightSum="3">

    <RelativeLayout
        android:layout_width="0dp"
        android:layout_height="fill_parent"
        android:layout_gravity="right"
        android:gravity="center"
        android:background="#88000000"
        android:id="@+id/sidebar"
        android:layout_weight="1" >

    </RelativeLayout>

<!-- other views, with a total layout_weight of 2 -->

</LinearLayout>

score 0 · Answer 2 · edited May 23 '17 at 12:15

You don't need to create a Custom View to achieve this. You can make use of the layout_weight attribute.

This would be your layout for every item in the ListView.

item_in_listview.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <ImageView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

</LinearLayout>

The layout_weight attribute is explained in this question.

In a nutshell, layout_weight specifies how much of the extra space in the layout to be allocated to the View.

but if I want set width/height = 6/4 how I do? – Trần Hoà Feb 22 '16 at 02:57 — Trần Hoà, Feb 22 '16 at 02:57

How to set width to ImageView in ListView for mutil screen

2 Answers2