Квадратный ImageView

Я пытаюсь показать ImageView, который всегда квадратный по форме внутри диалогового окна. Размеры могут варьироваться в зависимости от разрешения дисплея (точнее, ширина в портрете), но ImageView требуется для формирования наибольшего квадрата, чтобы разместить квадратное изображение внутри него. Это мой XML-код для того же самого.

<ImageView
    android:id="@+id/dialog_image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:scaleType="centerInside"
    android:adjustViewBounds="true"
    />

Но проблема заключается в том, что образ Square устанавливается динамически во время выполнения, а ImageView становится прямоугольником с шириной в размере квадратного изображения. Что я могу сделать для достижения того же?

РЕДАКТИРОВАТЬ: Чтобы дать представление о том, чего я пытаюсь достичь, это то же, что показано, когда контакт выбран в приложении-контакте, и нажата картинка профиля. Он масштабируется и остается как квадрат поверх активности.

Ответы

Ответ 1

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

Display  display = getWindowManager().getDefaultDisplay();
int swidth = display.getWidth();

и теперь задайте высоту изображения таким образом, что

LayoutParams params = eventImage.getLayoutParams();
params.width = LayoutParams.FILL_PARENT;
params.height = swidth ;
eventImage.setLayoutParams(params);

Ответ 2

Создайте отдельный класс для динамического определения размера вашего ImageView, который должен наследовать класс ImageView, как показано ниже:

public class SquareImageView extends ImageView {

public SquareImageView(Context context) {
    super(context);
}

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

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

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

int width = getMeasuredWidth();
    setMeasuredDimension(width, width);

}

}

SetMeasuredDimension (ширина, ширина); автоматически установит высоту как ширину.

В xml файле этот класс используется вместо представления ImageView, как показано ниже:

  <com.packagepath.SquareImageView
        android:id="@+id/Imageview"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />

Ответ 3

Создайте свой собственный ImageView, который должен наследовать класс ImageView, как показано ниже:

public class SquareImageView extends AppCompatImageView {
    public SquareImageView(Context context) {
        super(context);
    }

    public SquareImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public SquareImageView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int width = MeasureSpec.getSize(widthMeasureSpec);
        int height = MeasureSpec.getSize(heightMeasureSpec);
        int size;

        //If the layout_width or layout_width of this view is set as match_parent or any exact dimension, then this view will use that dimension
        if(MeasureSpec.getMode(widthMeasureSpec) == MeasureSpec.EXACTLY ^ MeasureSpec.getMode(heightMeasureSpec) == MeasureSpec.EXACTLY) {
            if (MeasureSpec.getMode(widthMeasureSpec) == MeasureSpec.EXACTLY)
                size = width;
            else
                size = height;
        }
        //If the layout_width and layout_width of this view are not set or both set as match_parent or any exact dimension,
        // then this view will use the minimum dimension
        else
            size = Math.min(width, height);
        setMeasuredDimension(size, size);
    }
}

Ответ 4

ты можешь использовать:

app:layout_constraintDimensionRatio="1:1"

в этом случае:

<android.support.constraint.ConstraintLayout
      android:id="@+id/lyt_img_cover"
      android:layout_width="@dimen/image_top_episode"
      android:layout_height="match_parent"
      android:layout_centerInParent="false"
      android:elevation="0dp"
      android:foregroundGravity="center">

        <ImageView

          android:id="@+id/img_episode"
          android:layout_width="0dp"
          android:layout_height="0dp"
          android:elevation="7dp"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintDimensionRatio="1:1"
          app:layout_constraintLeft_toLeftOf="parent"
          app:layout_constraintRight_toRightOf="parent"
          app:layout_constraintTop_toTopOf="parent"
          />
    </ImageView>

его расположение должно быть ConstraintLayout