- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 UIView
中有一个 UIImageView
,它位于水平 UIStackView
中(带有 .fillEqually 选项)。水平 UIStackView
总是有两个 View 。水平 UIStackView
从其最高的子 UIView
获取高度。
我想要实现的目标:在示例屏幕截图中,当您考虑使用多行 View 时,UIImageView 由于其图像大小而具有更大的尺寸。但是,我希望 ImageView 缩小到适合左侧(多行标签) View 的大小。这显示在第二个屏幕截图中。图像应该有一个高度,我通过右侧的红色椭圆线显示。
带有标签类的 UIImageView:
@IBDesignable class LabelWithImage: UIView {
var topMargin: CGFloat = 0.0
var verticalSpacing: CGFloat = 10.0
var bottomMargin: CGFloat = 0.0
@IBInspectable var labelText: String = "" { didSet { updateView() } }
@IBInspectable var image: UIImage = UIImage(named: "harcamagrafik")! { didSet { updateView() } }
fileprivate var label: UILabel!
fileprivate var imageView: UIImageView!
override init(frame: CGRect) {
super.init(frame: frame)
setUpView()
}
required public init?(coder: NSCoder) {
super.init(coder:coder)
setUpView()
}
override func prepareForInterfaceBuilder() {
super.prepareForInterfaceBuilder()
setUpView()
}
func setUpView() {
label = UILabel()
label.font = UIFont.init(name: "Metropolis-Medium", size: 12)
label.numberOfLines = 1
label.lineBreakMode = NSLineBreakMode.byWordWrapping
label.textColor = UIColor.init(rgb: 0x9B9B9B)
imageView = UIImageView(image: image)
imageView.contentMode = .scaleAspectFill
imageView.clipsToBounds = true
addSubview(label)
addSubview(imageView)
label .translatesAutoresizingMaskIntoConstraints = false
imageView.translatesAutoresizingMaskIntoConstraints = false
setContentHuggingPriority(.init(rawValue: 1000.0), for: .vertical)
setContentCompressionResistancePriority(.init(rawValue: 10.0), for: .vertical)
label.leftAnchor.constraint(equalTo: leftAnchor, constant: 0.0).isActive = true
// imageView.leftAnchor.constraint(equalTo: leftAnchor, constant: 0.0).isActive = true
label.rightAnchor.constraint(equalTo: rightAnchor, constant: 0.0).isActive = true
// imageView.rightAnchor.constraint(equalTo: rightAnchor, constant: 0.0).isActive = true
imageView.centerXAnchor.constraint(equalTo: centerXAnchor).isActive = true
label.topAnchor.constraint(equalTo: topAnchor, constant: topMargin).isActive = true
imageView.topAnchor.constraint(equalTo: label.bottomAnchor, constant: verticalSpacing).isActive = true
bottomAnchor.constraint(equalTo: imageView.bottomAnchor, constant: bottomMargin).isActive = true
// call common "refresh" func
updateView()
}
func updateView() {
label.text = labelText
accessibilityIdentifier = labelText
imageView.image = image
label.sizeToFit()
}
}
水平堆栈 View :
private let topHorizontalStackView: UIStackView = {
let s = UIStackView()
s.distribution = .fillEqually
s.spacing = 10
s.axis = .horizontal
s.alignment = .fill
s.translatesAutoresizingMaskIntoConstraints = false
return s
}()
编辑 我试图为我的 LabelWithImage View 设置高度限制。现在,它看起来不错,但是当我打开调试器时,它说 View 的高度不明确。
leftView.layoutIfNeeded() //It is the view with multilineLabel.
view.heightAnchor.constraint(equalToConstant: leftView.bounds.height).isActive = true
我想要在屏幕截图中显示的内容:
EDIT 2 在我像@Don 所说的那样优先考虑标签并在 ImageView 上将压缩设置为低后,我得到了以下结果。顺便说一句,下面的代码仍然有效
leftView.layoutIfNeeded()//就是带有multilineLabel的 View 。
view.heightAnchor.constraint(equalToConstant:leftView.bounds.height).isActive = true
如果我给 labelWithImageView 作为特定常量(40 是 UIStackView 顶部和底部插图);
view.heightAnchor.constraint(equalToConstant: leftView.bounds.height - 40).isActive = true
顶部垂直 UIStackView 内的 View 显示了雄心勃勃的布局。 (你看不到屏幕截图中的 View ,因为我猜它们是不相关的。)
最佳答案
好吧,看起来你的约束是错误的,这里我做了一个带有屏幕的例子,这样你就可以重新创建我的约束
这里有一个解释:在左 View 中设置你自己的约束来填充 View (检查是否有歧义,因为右 View 应该从左 View 获取大小),将其中所有标签的垂直内容拥抱优先级设置为 1000
在右侧,您只需将标题垂直内容拥抱优先级设置为 1000(+ 基本需要的约束,如前导、尾随和顶部以填充 View )和中提琴,图像将变形为匹配左 View 大小所需的任何大小.
关于ios - 更改 UIStackView 中 UIImageView 的高度优先级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58799892/
我一直在尝试实现这一点,但找不到任何可以在删除它们时像 iPhone 应用程序抖动一样抖动它的代码! CABasicAnimation *animation =
我有一个代码在 UIImageView.isAnimating 为 false 之后执行一些操作 但有趣的是它永远不会出错,它总是处于 YES 状态。 "isAnimating return is f
我的 UIViewController 中有一个 UIImageView。我在上面设置了一个图像。我做了如下旋转。 - (void) runSpinAnimationOnView:(UIImageVi
我有一个带有图像的 UIImageView。我在显示之前旋转了图像,方法是将 UIImageView 的变换属性设置为 CGAffineTransformMakeRotation(angle),其中角
如果有解决我的问题的答案,请给我一个链接。否则这是我的问题: 我目前正在运行 Swift 2.0 (Xcode 7) Sprite Kit Game,想知道 UIImageView 是否可以跟随另一个
我不知道我的想法是否正确,但我的问题是我在 UITableView 中有自定义单元格(看起来像汽车),每个单元格包含 2 个 UIImageViews(车轮图像),我需要旋转当 UITableView
我想知道是否有办法使用透明的 UIImageView(框 C)来剪辑移动到其上方的某些图像。 在我的示例中,我将均为 UIImageView 的框 A 和 B 移向透明的框 C。一旦盒子发生碰撞,我只
我有一个带有固定图像的 UIImageView。我想在顶部添加第二个 UIImageView,我打算旋转它。我需要在运行时创建顶部图像。我找不到在哪里处理透明度。它在 UIImage 中还是在 UII
我有一个要求,我有一个 UIImageView 在另一个之上。当用户在其上“绘制”时,我需要使顶部透明。实际上,不是绘制用户将要做的事情,而是“删除”顶 View ,让下面的 View 显示出来。 我
您好,我有一个 UIImageView,它部分在屏幕上,部分在屏幕外。 我想围绕屏幕外的一个点( View 的中心)旋转 View 。 我该怎么做? fullRotationAnimation
我有两张图片。一个图像是矩形第二个是三角形我想使用一根手指或触摸事件从矩形图像的中心点旋转三角形图像。 最佳答案 好吧,如果您希望图像围绕矩形中心点以任意大小的圆旋转,那么数学会变得相当复杂,但是一个
我想知道是否可以将更多的 UIImageView 分组到一个 ImageView 中。例如,如果我有 4 个 imageView,并且我想以完全相同的方式为它们制作动画,我可以将它们组合成一个,然后为
我正在代码中创建多个 UIImageView,并且想要移动和删除我选择的任何 UIImageView。现在,我只能移动使用 UIPanGestureRecognizer 创建的最后一个 UIImage
现在,我已经让它能够在我的应用程序上移动图像、缩放图像、捏合图像……应有尽有。但我的问题是,当一个 UIImageView 位于另一个 UIImageView 时,我如何才能让应用程序注册? 最佳答案
我有一个 UIImageView 应该从 size (0,0) --> (93,75) 开始动画 我有以下内容 [UIView animateWithDuration:0.5 delay:0 op
我这里的问题应该是一个相当简单的问题。基本上,我试图将一个对象 (UIImageView) 从 A 点(它在 Storyboard中设置的位置)移动到我以编程方式定义的 B 点。 我第一次通过这个导致
我有一个带有包含图像的单元格的 UITableView。我想从服务器下载一个大图像并将其插入到我的单元格中。 我的 UITableViewCell 有一个固定的高度并且填满了屏幕的整个宽度。最好的解决
当用户选择新的图像过滤器时,我尝试对图像进行交叉淡入淡出。 所以我在第一个ImageView之上创建了第二个ImageView,并对顶部 View 的alpha进行动画处理以显示或隐藏底部 View
我有一个 UIScrollView,其中包含 n 个占位符 UIImageView。下面我有一个 StackView,其中包含 10 个图像,用户可以从中选择并将图像拖动到上面的特定占位符 Image
尝试设置“选定框”图形的边界的多种组合,该图形仅显示用户在 UIImageView 中触摸的位置。它仍然继续坚持 super View 坐标系 class ViewController: UIView
我是一名优秀的程序员,十分优秀!