mirror of
https://github.com/Novaloop-AG/element-x-ios.git
synced 2026-11-03 06:02:10 +00:00
Move compound-ios package into the project.
This commit is contained in:
@@ -0,0 +1,56 @@
|
||||
//
|
||||
// Copyright 2023, 2024 New Vector Ltd.
|
||||
//
|
||||
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
|
||||
// Please see LICENSE files in the repository root for full details.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
public extension View {
|
||||
/// Positions this view within an invisible frame with a square size that scales relative to the user's selected font size.
|
||||
func scaledFrame(size: CGFloat, alignment: Alignment = .center, relativeTo textStyle: Font.TextStyle = .body) -> some View {
|
||||
scaledFrame(width: size, height: size, alignment: alignment, relativeTo: textStyle)
|
||||
}
|
||||
|
||||
/// Positions this view within an invisible frame with a size that scales relative to the user's selected font size.
|
||||
func scaledFrame(width: CGFloat, height: CGFloat, alignment: Alignment = .center, relativeTo textStyle: Font.TextStyle = .body) -> some View {
|
||||
modifier(ScaledFrameModifier(width: width, height: height, alignment: alignment, relativeTo: textStyle))
|
||||
}
|
||||
}
|
||||
|
||||
private struct ScaledFrameModifier: ViewModifier {
|
||||
@ScaledMetric var width: CGFloat
|
||||
@ScaledMetric var height: CGFloat
|
||||
let alignment: Alignment
|
||||
|
||||
init(width: CGFloat, height: CGFloat, alignment: Alignment, relativeTo textStyle: Font.TextStyle) {
|
||||
_width = ScaledMetric(wrappedValue: width, relativeTo: textStyle)
|
||||
_height = ScaledMetric(wrappedValue: height, relativeTo: textStyle)
|
||||
self.alignment = alignment
|
||||
}
|
||||
|
||||
func body(content: Content) -> some View {
|
||||
content.frame(width: width, height: height, alignment: alignment)
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Previews
|
||||
|
||||
struct ScaledFrameModifier_Previews: PreviewProvider, TestablePreview {
|
||||
static var previews: some View {
|
||||
VStack {
|
||||
ForEach(DynamicTypeSize.allCases, id: \.self) { size in
|
||||
likeButtonLabel
|
||||
.dynamicTypeSize(size)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
static var likeButtonLabel: some View {
|
||||
Image(systemSymbol: .heartCircleFill)
|
||||
.resizable()
|
||||
.foregroundStyle(.compound.iconAccentTertiary)
|
||||
.scaledFrame(size: 24, relativeTo: .title)
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user