图像比例型中心作物在颤动?

时间:2018-03-05 21:57:22

标签: android flutter

我试图从android ImageView做类似于centerCrop属性的事情。 设置imageview的高度,并使其裁剪并对齐到中心,就像centerCrop在android上工作一样。

Func<MyType>

}

ref struct

结果: enter image description here

4 个答案:

答案 0 :(得分:11)

Android ScaleType和BoxFit应该匹配如下:

  1. CENTER = none
  2. CENTER_CROP =封面
  3. CENTER_INSIDE = scaleDown
  4. FIT_CENTER =包含(alignment.center)
  5. FIT_END =包含(alignment.bottomright)
  6. FIT_START =包含(alignment.topleft)
  7. FIT_XY =填写
  8. 所以你应该使用Cover来实现CENTER_CROP结果。

    编辑:

    问题应该是Column小部件的crossAxisAlignment。 将此属性设置为crossAxisAlignment:CrossAxisAlignment.stretch应解决您的问题。

答案 1 :(得分:2)

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  <title>Document</title>
  
  <style>
      .col {
          border: 1px solid red;
      }

      .row {
          height: 200px;
          border: 1px solid blue;
      }
      
      .my-container {
          height: 100vh;
      }
  </style>

</head>

<body>

<div class="container my-container d-flex">
  <div class="jumbotron w-100 align-self-center">

    <div class="row">
      <div class="col align-self-end">
        col1
      </div>
      <div class="col align-self-start">
        col2
      </div>
    </div>
    
    <div class="row align-items-center">
      <div class="col">
        col1
      </div>
      <div class="col">
        col2
      </div>
    </div>

  </div>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

</body>
</html>

答案 2 :(得分:1)

new Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        mainAxisSize: MainAxisSize.max,
        children: <Widget>[
        new Expanded(child: new Image.network(
            cover.img,fit: BoxFit.fitWidth,
        ),

        ),
        Text(cover.name),
      ]
    )

这对我有用

答案 3 :(得分:0)

请在图像中添加以下宽度和高度

注意:我们正在缩放图像

def aggregate(dataframe, grouping, aggregation, functions):
    if hasattr(aggregation, "__iter__"):
        return dataframe.groupBy(grouping).agg({f"{item}": f"{functions}" for item in aggregation})
    else:
        return dataframe.groupBy(grouping).agg({f"{aggregation}": f"{functions}"})