ImageView - высота соответствует ширине?

У меня есть изображение. Я хочу, чтобы его ширина была fill_parent. Я хочу, чтобы его высота равнялась ширине. Например:

<ImageView
  android:layout_width="fill_parent"
  android:layout_height="whatever the width ends up being" />

Возможно ли что-то подобное в файле макета без необходимости создавать собственный класс представления?

Спасибо

Обновление: 14 сентября 2017

Согласно комментарию ниже, библиотека поддержки процентов устарела начиная с библиотеки поддержки Android 26.0.0. Это новый способ сделать это:

<android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        app:layout_constraintDimensionRatio="1:1" />

</android.support.constraint.ConstraintLayout>

Смотри здесь

Запрещены:

Согласно этому сообщению разработчиков Android, все, что вам нужно сделать сейчас, это обернуть все, что вы хотите, в PercentRelativeLayout или PercentFrameLayout, а затем указать его отношения, например, так

<android.support.percent.PercentRelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        app:layout_widthPercent="100%"
        app:layout_aspectRatio="100%"/>

</android.support.percent.PercentRelativeLayout>

Может быть, это ответит на ваш вопрос:

<ImageView
    android:id="@+id/cover_image"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:scaleType="fitCenter"
    android:adjustViewBounds="true" />

Вы можете игнорировать scaleTypeатрибут для этой конкретной ситуации.

Это можно сделать с помощью LayoutParams, чтобы динамически установить высоту представлений, когда вы знаете ширину представлений во время выполнения. Вам нужно использовать поток Runnable, чтобы получить ширину представлений во время выполнения, иначе вы будете пытаться установить высоту до того, как узнаете ширину представления, поскольку макет еще не нарисован.

Пример того, как я решил свою проблему:

final FrameLayout mFrame = (FrameLayout) findViewById(R.id.frame_id);

    mFrame.post(new Runnable() {

        @Override
        public void run() {
            RelativeLayout.LayoutParams mParams;
            mParams = (RelativeLayout.LayoutParams) mFrame.getLayoutParams();
            mParams.height = mFrame.getWidth();
            mFrame.setLayoutParams(mParams);
            mFrame.postInvalidate();
        }
    });

LayoutParams должен относиться к типу родительского представления, в котором находится ваше представление. Мой FrameLayout находится внутри RelativeLayout в xml-файле.

    mFrame.postInvalidate();

вызывается, чтобы заставить представление перерисовываться, находясь в отдельном потоке, чем поток пользовательского интерфейса

Я не смог получить ответ Дэвида Чу для работы с элементом RecyclerView и понял, что мне нужно ограничить ImageView для родителя. Установите ширину ImageView 0dpи ограничьте его начало и конец родительским. Я не уверен, что установка ширины wrap_contentили match_parentработает в некоторых случаях, но я думаю, что это лучший способ получить дочерний элемент ConstraintLayout для заполнения его родителя.

<android.support.constraint.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintDimensionRatio="1:1"/>

</android.support.constraint.ConstraintLayout>

Вот что я сделал, чтобы ImageButton всегда имел ширину, равную его высоте (и избегал глупых пустых полей в одном направлении ... что я считаю ошибкой SDK ...):

Я определил класс SquareImageButton, который выходит из ImageButton:

package com.myproject;

import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.widget.ImageButton;

    public class SquareImageButton extends ImageButton {

        public SquareImageButton(Context context) {
        super(context);


        // TODO Auto-generated constructor stub
    }

    public SquareImageButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub

    }

    public SquareImageButton(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub

    }

    int squareDim = 1000000000;

    @Override
    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);


        int h = this.getMeasuredHeight();
        int w = this.getMeasuredWidth();
        int curSquareDim = Math.min(w, h);
        // Inside a viewholder or other grid element,
        // with dynamically added content that is not in the XML,
        // height may be 0.
        // In that case, use the other dimension.
        if (curSquareDim == 0)
            curSquareDim = Math.max(w, h);

        if(curSquareDim < squareDim)
        {
            squareDim = curSquareDim;
        }

        Log.d("MyApp", "h "+h+"w "+w+"squareDim "+squareDim);


        setMeasuredDimension(squareDim, squareDim);

    }

}

Вот мой XML:

<com.myproject.SquareImageButton
            android:id="@+id/speakButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:scaleType="centerInside"
            android:src="@drawable/icon_rounded_no_shadow_144px"
            android:background="#00ff00"
            android:layout_alignTop="@+id/searchEditText"
            android:layout_alignBottom="@+id/searchEditText"
            android:layout_alignParentLeft="true"
           />

Работает как шарм!

Если ваш вид изображения находится внутри макета ограничения, вы можете использовать следующие ограничения для создания квадратного вида изображения

<ImageView
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:id="@+id/ivImageView"
    app:layout_constraintDimensionRatio="W,1:1"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"/>

В Android 26.0.0 PercentRelativeLayout устарела .

Лучший способ решить эту проблему теперь ConstraintLayoutтак:

<android.support.constraint.ConstraintLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

    <ImageView android:layout_width="match_parent"
               android:layout_height="0dp"
               android:scaleType="centerCrop"
               android:src="@drawable/you_image"                       
               app:layout_constraintDimensionRatio="1:1"/>


</android.support.constraint.ConstraintLayout>

Вот учебник о том, как добавить ConstraintLayoutв свой проект.

Вы не можете сделать это только с макетом, я пытался. Я закончил тем, что написал очень простой класс для обработки, вы можете проверить это на github. SquareImage.java Это часть более крупного проекта, но ничего, что можно скопировать и вставить не удается (лицензировано под Apache 2.0)

По сути, вам просто нужно установить высоту / ширину, равную другому измерению (в зависимости от того, как вы хотите его масштабировать)

Примечание. Вы можете сделать его квадратным без пользовательского класса, используя scaleTypeатрибут, но границы представления выходят за пределы видимого изображения, что создает проблему, если вы размещаете рядом другие представления.

Чтобы установить ImageView равным половине экрана, вам нужно добавить следующее в ваш XML для ImageView:

<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerInParent="true"
    android:scaleType="fitXY"
    android:adjustViewBounds="true"/>

Чтобы затем установить высоту, равную этой ширине, вам нужно сделать это в коде. В getViewметоде вашего GridViewадаптера установите ImageViewвысоту, равную его измеренной ширине:

mImageView.getLayoutParams().height = mImageView.getMeasuredWidth();

Для людей, проходящих мимо, в 2017 году, новый лучший способ добиться того, чего вы хотите, - это использовать ConstraintLayout, например:

<ImageView
    android:layout_width="0dp"
    android:layout_height="0dp"
    android:scaleType="centerCrop"
    app:layout_constraintDimensionRatio="1:1" />

И не забудьте добавить ограничения для всех четырех направлений в соответствии с вашими требованиями.

Создайте адаптивный интерфейс с ConstraintLayout

Кроме того, к настоящему времени PercentRelativeLayout устарел (см. Документацию Android ).

Вот как я решил эту проблему:

int pHeight =  picture.getHeight();
int pWidth = picture.getWidth();
int vWidth = preview.getWidth();
preview.getLayoutParams().height = (int)(vWidth*((double)pHeight/pWidth));

Предварительный просмотр - imageView с шириной, установленной в «match_parent» и scaleType в «cropCenter»

picture - Растровый объект для установки в imageView src.

Это работает очень хорошо для меня.

Я не думаю, что есть какой-то способ сделать это в файле макета XML, и я не думаю, что android:scaleTypeатрибут будет работать так, как вы этого хотите.
Единственным способом было бы сделать это программно. Вы можете установить ширину fill_parent и либо принять ширину экрана в качестве высоты, Viewлибо использовать View.getWidth()метод.

Функция ImageView «scaleType» может помочь вам в этом.

Этот код сохранит соотношение сторон и разместит изображение сверху:

android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scaleType="fitStart"

Вот отличный пост, показывающий возможности и возможности использования scaleType.

Образцы ImageView scaleType

мне так понравилось -

layout.setMinimumHeight(layout.getWidth());