我试图从android ImageView做类似于centerCrop属性的事情。 设置imageview的高度,并使其裁剪并对齐到中心,就像centerCrop在android上工作一样。
Func<MyType>
}
ref struct
答案 0 :(得分:11)
Android ScaleType和BoxFit应该匹配如下:
所以你应该使用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}"})