swiftui sliders

カスタムSwiftuiスライダーとトラック。

このパッケージを使用すると、iOS、MacOS、Mac触媒用の高度にカスタマイズ可能なスライダーとトラックを構築できます。

特徴

• 構成を使用して独自のスライダーとトラックを構築します
• 高度にカスタマイズ可能
• 水平および垂直スタイル
• 最小値/最大値距離の範囲スライダー
• xyスライダー
• 下範囲の親指と上部の親指のさまざまなサイズ

スタイル

• Horizo​​ntalValueSliderStyle
• VerticalValuesLiderStyle
• Horizo​​ntalRangesliderStyle
• verticalRangesliderStyle
• 長方形PointSliderStyle

使い方

この迅速なパッケージをプロジェクトに追加します

 [email protected]:spacenation/swiftui-sliders.git

インポートと使用

import Sliders
import SwiftUI

struct ContentView : View {
    @ State var value = 0.5
    @ State var range = 0.2 ... 0.8
    @ State var x = 0.5
    @ State var y = 0.5
    
    var body : some View {
        Group {
            ValueSlider ( value : $value )
            RangeSlider ( range : $range )
            PointSlider ( x : $x , y : $y )
        }
    }
}

例を表示するには、各ファイルのプレビューを参照してください

スタイルを備えたカスタマイズ

SwiftUIビュー修飾子を使用して、カスタムトラックと親指を作成します。

 RangeSlider ( range : $model . range2 , distance : 0.1 ... 1.0 )
    . rangeSliderStyle (
        HorizontalRangeSliderStyle (
            track :
                HorizontalRangeTrack (
                    view : Capsule ( ) . foregroundColor ( . purple )
                )
                . background ( Capsule ( ) . foregroundColor ( Color . purple . opacity ( 0.25 ) ) )
                . frame ( height : 8 ) ,
            lowerThumb : Circle ( ) . foregroundColor ( . purple ) ,
            upperThumb : Circle ( ) . foregroundColor ( . purple ) ,
            lowerThumbSize : CGSize ( width : 32 , height : 32 ) ,
            upperThumbSize : CGSize ( width : 32 , height : 32 ) ,
            options : . forceAdjacentValue
        )
    ) 

SDK

• iOS 13+
• Mac Catalyst 13.0+
• MacOS 10.15+
• Xcode 11.0+

コードの貢献

マスターブランチへのフォーク/プルリクエストを介してお気軽に寄付してください。機能をリクエストしたり、バグをレポートしたい場合は、新しい問題を開始してください。

スポンサーになります

このプロジェクトが便利だと思う場合は、GitHubスポンサーになることを検討してください。