关注我们的博客页面以了解更多关于我们的信息📃
Loafjet🚀


关于📒
Loafjet 是一个轻量级的 Toast(Loaf)生成框架,允许用户将其项目中的自定义 Toast 添加到项目中。Loafjet 带有各种类型的 Toast 动画以及 Toast 位置。可以用于添加渐变和纯色 Toast。Loafjet 还包含一些额外功能,如弹出卡和加载指示器,可按需自定义。
现在像 Apple 一样进行自定义!
安装🌏
Loafjet 通过 CocoaPods 提供。要安装它,请简单地在你 Podfile 中添加以下行
沙盒💻
- 我提供了一个演示项目来展示Loafjet的使用!只需克隆此仓库,然后打开
Loafjet.xcworkspace
。
- 运行
pod install
。
- 在这里您可以在
Examples.swift
中查看和实验自定义Loaf样式。
如何使用📁 ?
从任何视图控制器中,可以通过以下两个步骤来展示Loaf:
1. 导入库🗳
2. 调用Loafjet📞
Loaf.PlainLoaf(message: "Message goes here", position: .Bottom, animationDirection: .Bottom, loafjetView: View)
结果💯
默认平铺Loaf |
 |
- 这是您可以用最少的代码制作的Loafjet中最基本的一种👆.
- 下面列出了所有Loafjet类型,请查看😊.
平铺Loaf
* With Default Parameters 📗
Loaf.PlainLoaf(message: String, position: loafPosition, animationDirection: loafAnimation, loafjetView: UIView)
* Without Default Parameters 📘
Loaf.PlainLoaf(message: String, position:LoafPosition, loafWidth:CGFloat , loafHeight:CGFloat, cornerRadius: CGFloat, fontStyle: String, fontSize: CGFloat, bgColor: UIColor, fontColor: UIColor, alphaValue:CGFloat, loafImage: String? , animationDirection: LoafAnimation , duration: TimeInterval, loafjetView: UIView)
渐变面包
* With Default Parameters 📗
Loaf.GradientLoaf(message: String, position: LoafPosition, bgColor1: UIColor, bgColor2: UIColor, fontColor: UIColor, loafImage: String?, animationDirection: loafAnimation, loafjetView: UIView)
* Without Default Parameters 📘
Loaf.GradientLoaf(message: String, position:LoafPosition, loafWidth:CGFloat, loafHeight:CGFloat, cornerRadius: CGFloat, fontStyle: String, fontSize: CGFloat, bgColor1: UIColor, bgColor2: UIColor, fontColor: UIColor, loafImage: String?, animationDirection: LoafAnimation, duration: TimeInterval, loafjetView: UIView)
弹出卡片
* With Default Parameters 📗
Loaf.PopupCard(message: String, position: LoafPosition, bgColor1: UIColor, bgColor2: UIColor, fontColor: UIColor, loafImage: String?, blurEffect: UIBlurEffectStyle?, loafjetView: UIView)
* Without Default Parameters 📘
Loaf.PopupCard(message: String, position:LoafPosition, loafWidth:CGFloat, loafHeight:CGFloat, cornerRadius: CGFloat, fontStyle: String, fontSize: CGFloat, bgColor1: UIColor, bgColor2: UIColor, fontColor: UIColor, loafImage: String?, duration: TimeInterval, blurEffect: UIBlurEffectStyle?, loafjetView: UIView)
仪表盘
* With Default Parameters 📗
Loaf.dashBoard(dashImage: String, dashTitle: String, dashContent: String, dashButtonTitle: String, mainView: UIView)
* Without Default Parameters 📘
Loaf.dashBoard(dashSpacing: CGFloat, dashRadius: CGFloat, dashColor: UIColor, dashImage: String, dashImageRadius: CGFloat, dashTitle: String, dashTitleColor: UIColor, dashContent: String, dashContentColor: UIColor, dashButtonTitle: String, dashButtonTitleColor: UIColor, dashButtonColor: UIColor, dashButtonRadius: CGFloat, dashButtonBorderColor: UIColor, dashButtonBorderWidth: CGFloat, dashDuration: TimeInterval, mainView: UIView)
面包轮
* With Default Parameters 📗
Loaf.LoafWheel(message: String, bgColor1: UIColor, bgColor2: UIColor, loafWheelView: UIView)
* Without Default Parameters 📘
Loaf.LoafWheel(message: String, loafWidth:CGFloat, loafHeight:CGFloat, cornerRadius:CGFloat, bgColor1:UIColor, bgColor2:UIColor, fontStyle: String, fontSize: CGFloat, fontColor: UIColor, duration: TimeInterval, wheelStyle: UIActivityIndicatorViewStyle, blurEffect: UIBlurEffectStyle ,loafWheelView: UIView)
- Bread Wheel Demo Photo 🌁
- 当面包轮用于动态处理时,需要调用 `LoafWheel Dismissal` 方法。❕.
面包轮消失📕
Loaf.dismissWheel(loafWheelView:UIView)
不使用CocoaPods❗️
我有一个解决方案👀
参数🎚
参数 |
定义 |
message |
在 Loaf 上显示的消息 |
position |
Loaf 的位置 |
loafWidth |
Loaf 宽度 |
loafHeight |
Loaf 高度 |
cornerRadius |
Loaf 的圆角 |
fontStyle |
消息的字体样式 |
fontSize |
消息的字体大小 |
bgColor |
Loaf 的背景颜色 |
|
参数 |
定义 |
alphaValue |
Loaf 背景的透明度值 |
loafImage |
Loaf 上的图像 |
duration |
Loaf 持续时间 |
animationDirection |
Loaf 动画类型 |
blurEffect |
模糊效果类型 |
wheelStyle |
轮子样式 |
loafWheelView |
运行 LoafWheel 的视图 |
loafjetView |
显示 Loaf 的视图 |
|
位置和动画组合📙
位置 & 动画 |
左 |
右 |
上 |
下 |
上 |
✅ |
✅ |
✅ |
❌ |
中心 |
✅ |
✅ |
❌ |
❌ |
下 |
✅ |
✅ |
❌ |
✅ |
截图📸
纯色(顶部) |
纯色(底部) |
纯色(中心) |
纯色(中心) |
 |
 |
 |
 |
渐变(顶部) |
渐变(底部) |
渐变(中心) |
渐变(中心) |
 |
 |
 |
 |
- 以上只展示了几种可能的方式,您可以根据需要自定义(下面将展示自定义方式)。
自定义🛠
- Loafjet 提供了广泛的定制选项,选择一种样式,用它展示您的创造力。
- 以下是 "如何使用 Loafjet" 的一些可能方法。
快照📷
面包机+
附加功能
仪表盘
、渐变面包圈
及 弹出卡片
是您在面包机中获取的额外定制选项🥳.
弹出卡片 |
面包圈 |
 |
 |
仪表盘
深色/浅色模式支持🔦
深色模式 |
浅色模式 |
 |
 |
- 上面显示的是一些可能的定制方法,尝试制作自己的成果并发布到问题部分,可能会有特色展示⚡️.
- 您还在等什么,输入
pod Loafjet
并执行pod install
。
- 完成了吗?现在就享受使用面包机吧🚀.
横幅 + 竖幅支持🔄
- 面包机是针对横幅 + 竖幅支持的🔓.
- 现在您可以使用您喜欢的面包,无需关心方向🌀.
- 看看您最喜欢的 Loafjet 支持📇
Loafjet |
纵向 |
横向 |
普通面包 |
✅ |
✅ |
渐变面包 |
✅ |
✅ |
弹出卡片 |
✅ |
✅ |
仪表板 |
✅ |
❌ |
面包圈 |
✅ |
✅ |
- 除了仪表板,所有 Loafjet 都支持所有类型的方向🎚.
- 仪表板横向支持将很快添加,请保持关注💻
顶部(顶部) |
底部(底部) |
 |
 |
中心(右侧) |
中心(左侧) |
 |
 |
- 这些是一些可能的
位置 X 动画
组合,Loafjet 还支持其他各种 组合。
- 每次您只能使用一个 Loaf(同时使用是允许的)。
- 根据上面给出的表格自定义面包位置和动画。
- 在持续时间中使用
.greatestFiniteMagnitude
获取无限加载器。
- 要取消加载器,请使用
Loaf.dismissWheel(LoafWheelView:UIView)
。
- 对于某些颜色和模糊效果,需要特定的 iOS 版本,因此解决此问题请使用下面提供的代码(默认情况下,Xcode 会向您显示两种修复方法)。
// iOS versions will varry
if #available(iOS 10.0, *) {.
// write the code to run
}
else {
print("Error Message")
}
// iOS versions will varry
@available(iOS 10.0, *)
- 已提供一些 Loafjet 的测试运行,请查看它们(同时运行所有 Loafjet 可能会导致 不规则的运行!)。
- 目前 'Loafjet' 不支持 SF 图标,如果您需要它,请提出一个问题,我会尝试添加它⚓️.
- 您添加的 Loafimage 必须存在于
Images.xcassets
文件中。
- 您添加的 Loafimages 必须是 A x A 大小(否则图像可能会被裁剪!)。
- 在测试运行中,请确保您不会同时运行所有 Loafjet,等待一个完全完成的 Loafjet 完成其任务,然后再进行下一个。
- 所有Loafjet实例都是用默认参数创建的,所以请仔细注意您正在使用的是哪一个(带有和没有默认参数的函数都会显示⬆️).
- Loafjet仍在开发阶段,您可能会遇到一些错误;请创建一个[问题](https://github.com/Loafjet/Loafjet/issues/new/choose)并告知我们☮️.
- 您可以在一次同时使用两种或多种不同的Loafjet类型,但不能一次使用两个或更多同一类型的Loafjet.
授权⚖️
Loafjet遵守MIT授权协议。有关更多信息,请参阅LICENSE文件。
如何贡献🖋
- 运行应用 - 步骤在上文已提及。
- 如果您在任何步骤中遇到问题,请创建一个新的问题。
- 为了修复问题:Fork此存储库,进行更改并提交拉取请求。
需求❕
- 运行iOS/iPadOS 12.0+版本的设备📱.
- Swift 5.1+💻
附加信息
导师📱
项目管理员 👨🏻💻

使用Loafjet的应用📱
泊位! |
 |
社区🍕
- 想成为我们组织的一员?🚀,那么
- 发送邮件至 [email protected]✉️
- 请提及以下几点
1. 理由
2. 目的
3. 技能
4. 你喜欢Loafjet的地方❤️
- 我们迫不及待想阅读你的信息⚡️!
喜欢项目吗?
如果你使用了我任意一个项目或喜欢我所做的工作,请考虑支持我,认可我的工作: 私信我🥰

或者
给这个项目点个赞⭐如果你觉得这个项目有趣的话!
奖励🎁
如果你❤️喜欢这个项目,那么有一份礼物等你
使用❤️在🇮🇳由哥库尔·奈尔
版权所有 © 哥库尔·奈尔