以编程方式设置 imageView 的宽高比

Question

我在显示没有 centerCrop 的横向图像时遇到问题。 我尝试过

PercentFramelayout

，并以编程方式设置宽高比 像这样：

laParams.percentLayoutInfo.aspectRatio = img.width.toFloat() / img.height.toFloat()

结果没问题——应用程序显示了所有没有 centerCrop 的风景图像：

但有时我会得到错误的宽高比：

我尝试了

android:adjustViewBounds ="true"

，但这对我没有帮助。 我使用了

ConstraintLayout

，在 XML 中设置宽高比，如下所示：

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

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    >

    <android.support.v7.widget.AppCompatImageView xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/photo"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintDimensionRatio="h,16:9"
        app:layout_constraintHorizontal_chainStyle="spread"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"

        />
</android.support.constraint.ConstraintLayout>

我得到了很好的结果，但我加载了不同尺寸的图像。图像不应包含

CenterCrop

和

FitXY

。我没有找到任何关于以编程方式设置宽高比的好答案

Constraintlayout

我想显示像 Instagram 或 vk 这样的图像。

Answer 1

仅更改布局参数也可以

 (view.layoutParams as ConstraintLayout.LayoutParams).dimensionRatio = "16:9"

Answer 2

像往常一样，迟到的回答，但这可能对某人有用。

您可以通过执行以下操作以编程方式设置比率属性：

ConstraintSet set = new ConstraintSet();
set.clone(mLayout);
set.setDimensionRatio(mView.getId(), "16:9");
set.applyTo(mLayout);

我上面所做的是获取布局的现有 ConstraintSet 并以编程方式添加比率约束，然后将 ConstraintSet 重新应用到 ConstraintLayout (mLayout)。

您应该使用 findViewById() 方法获取 ConstraintLayout (mLayout)（并手动将 id 属性添加到 .xml 中的 ConstraintLayout）。

Answer 3

您也可以查看以下代码

val layoutParams = imageView.layoutParams as ConstraintLayout.LayoutParams
layoutParams.dimensionRatio = "H,2:1"
imageView.layoutParams = layoutParams

Answer 4

val parent = ViewGroup(context)
val view   = View(context)

view.apply {
     id           = View.generateViewId()
     layoutParams = ViewGroup.LayoutParams(0, 0)
}

parent.apply {
     id = View.generateViewId()
     removeAllViews()
     addView(rootViewGroup)
}

ConstraintSet().apply {
     clone(parent)

     val viewId   = rootViewGroup.id
     val parentId = parent.id

        connect(viewId, START,  parentId, START)
        connect(viewId, END,    parentId, END)
        connect(viewId, TOP,    parentId, TOP)
        connect(viewId, BOTTOM, parentId, BOTTOM)

        setDimensionRatio(rootId, "1:1")

        applyTo(parent)
}