PercentageLayout:SwiftUI中基于百分比的布局库





项目名称:PercentageLayout

项目概述

PercentageLayout是一个SwiftUI库,它提供了一个名为PercentageHStack的布局,允许开发者根据百分比来分配子视图的宽度。这个库利用了iOS 16中引入的新的Layout协议,使得布局更加灵活和强大。

功能特点

  • 百分比宽度分配:使用widthPercent(CGFloat)函数在PercentageHStackLayout的子视图上指定宽度百分比。

  • 自动填充剩余空间:为子视图指定的值大于或等于1时,将填充剩余空间,并与其他未定义宽度百分比的子视图平均分配。

使用方法

以下是如何在SwiftUI中使用PercentageLayout的示例:

import PercentageLayout

var body: some View {
    PercentageHStackLayout(spacing: 10) {
        Color.red
            .widthPercent(0.1)

        Color.blue
            .widthPercent(0.2)

        Color.yellow

        Color.purple
    }
}

待办事项

  • 添加PercentageVStack:项目计划中提到将添加垂直方向的百分比布局PercentageVStack

项目截图

以下是PercentageLayout的演示截图:

Demo

或许喜欢

WaterTracker: 跨平台纯SwiftUI开发的喝水追踪应用

WaterTracker是一款跨iOS、iPadOS和watchOS平台的喝水追踪应用,使用SwiftUI开发,支持HealthKit和CloudKit数据同步,无广告、无内购。

最近更新 2024-12-09

ScrollViewReactiveHeader:带滚动动画的自定义滚动视图头

ScrollViewReactiveHeader 是一个 SwiftUI 库,提供了一个具有微妙滚动动画的自定义滚动视图头部,增强用户体验。

最近更新 2024-12-11

Atributika:Swift库将HTML风格文本转换为NSAttributedString

Atributika是一个Swift库,能够识别和样式化HTML风格标签、链接、电话号码等,并生成NSAttributedString,支持iOS、tvOS、watchOS和macOS。

最近更新 2024-12-09

热榜

Made with in Shangrao,China By 老雷

Copyright © devler.cn 1987 - Present

赣ICP备19009883号-1