Swiftpack.co - Package - mszmagic/TinyHub

Swiftpack.co is a collection of thousands of indexed Swift packages. Search packages.

mszmagic/TinyHub

TinyHubView は画面の最上部に表示される小さくてエレガントなアラートビューです。このソフトウェアは SwiftUI で書かれています。

TinyHub (SwiftUI)

image

TinyHubView は画面の最上部に表示される小さくてエレガントなアラートビューです。このソフトウェアは SwiftUI で書かれています。

現在、このフレームワークは SwiftUI アプリケーションでのみ機能します。

使い方

利用可能なスタイル

インストール方法

使い方

import TinyHubView
@State var isDisplaying = false

画像付きのタイトル

➡️ title-image.swift

TinyHubView(style: .dark, titleText: "メッセージを送信しました", systemIconName: "paperplane.fill", isVisible: $isDisplaying, onTap: {
    print("Tapped")
})
image

(オプション) 進捗バーの表示

progressValue 変数を指定して、進捗レポートを表示できます。

進捗バーは、進捗値が0より大きい場合にのみ表示されます。

➡️ with-progress-report.swift

@State var progressValue: Float = 0.0
TinyHubView(style: .dark, titleText: "アセットをダウンロードしています…", systemIconName: "square.and.arrow.down.fill", isVisible: $isDisplaying, progressValue: $progressValue, tapToDismiss: true) {
    print("Tapped")
}
image

タイトルのみ

➡️ title-only.swift

TinyHubView(style: .dark, titleText: "Message sent!", isVisible: $isDisplaying, onTap: {
    print("User Tapped")
})
image

テキストの色と背景色をカスタマイズ

TinyHubView(customStyle: CustomStyle(textColor: .white, backgroundColor: .blue), isVisible: $isDisplaying, titleText: "メッセージを送信しました", systemIconName: "paperplane.fill", tapToDismiss: true) {
    print("Tapped")
}

TinyHubView を利用しているアプリケーション例を見るには、こちらをクリックしてください

利用可能なスタイル:

.light: ライトテーマ

.dark: ダークテーマ

.success: 操作の成功を表示

.info: ユーザーに情報メッセージを表示

.warning: ユーザーにエラーまたは警告メッセージを表示

インストール方法:

Swift Package Manager

  1. Xcode内からプロジェクトを開く
  2. 上部のシステムバーの"File"をクリック
  3. "Swift Packages"をクリック、次いで"Add package dependency…"をクリック
  4. 以下のURLをペースト:https://github.com/mszmagic/TinyHub.git
  5. Version: Up to Next Major 1.0.1 <
  6. "Next"をクリック
  7. "Done"をクリック。

@available(OSX 11, *) @available(iOS 14, *)

⭐️

このリポジトリへの貢献を温かく歓迎します。Githubのイシューを自由に作成して、質問したり、提案したりすることができます。また、Githubのプルリクエストを自由に作成することもできます。

Github

link
Stars: 17
Last commit: 28 weeks ago

Releases

Version 2 - 2020-08-09T01:14:59

  • 進捗バーの表示
  • スタイル