SwiftUI Academy · Oppitunti

Arvojen valitseminen Sliderilla

Valitse luku alueelta liukusäätimellä

Oppitunti 2/413 vaihetta

Arvojen valitseminen Sliderilla on ilmainen SwiftUI Academy-oppitunti CoddyKitissä. Tämä on oppitunti 2/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu SwiftUI Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. SwiftUI Academy-kurssilla on yhteensä 4 oppituntia.

Slider-esittely

Slider antaa käyttäjän valita luvun alueelta vetämällä. Se sopii esimerkiksi äänenvoimakkuuteen, kirkkauteen tai mihin tahansa jatkuvasti muuttuvaan arvoon. 🎚️

Slider sisältää luvun

Slider toimii Double-arvon kanssa. Kun käyttäjä vetää säädintä, arvo päivittyy jatkuvasti koko alueella.

@State private var volume = 0.5

Sido tilaan

Yhdistä Slider arvoosi dollarimerkillä aivan kuten Toggle. Vetäminen päivittää luvun reaaliajassa.

Slider(value: $volume)

Määritä alue

Oletusarvoisesti Slider toimii välillä 0–1. Välitä oma range, jos haluat määrittää pienimmän ja suurimman arvon itse.

Slider(value: $volume, in: 0...100)

Kiinnitä askelilla

Lisää step, jotta arvo muuttuu kiintein askelin mielivaltaisten desimaalien sijaan. Tämä sopii hyvin kokonaisluvuille.

Slider(value: $level, in: 0...10, step: 1)

Näytä nykyinen arvo

Lue sidottu luku ja näytä se, jotta käyttäjä näkee tarkasti, missä kohdassa Slider on vetämisen aikana.

Text("Volume: \(Int(volume))")

Lisää päätynimiöt

Käytä sulkemisen parametreja sijoittaaksesi nimiöt säätimen kumpaankin päähän, esimerkiksi kuvakkeet hiljaiselle ja voimakkaalle äänelle.

Slider(value: $volume, in: 0...100) {
    Text("Volume")
}

Väritä säädin

Väritä Sliderin täytetty osa tint-modifierilla, jotta se vastaa sovelluksesi tyyliä.

Slider(value: $volume).tint(.orange)

Tunnista vedon alku ja loppu

onEditingChanged-sulkeminen suoritetaan, kun vetäminen alkaa ja päättyy. Se on kätevä, kun arvo halutaan tallentaa vain kerran.

Slider(value: $v) { editing in
    isDragging = editing
}

Ohjaa muita näkymiä

Sliderin arvo voi ohjata mitä tahansa. Tässä se määrittää ympyrän scale-arvon, joten muoto kasvaa vetäessä.

Circle().scaleEffect(volume)

Koko näkymä

Tämä näkymä kokoaa kaiken yhteen: mukautetulla alueella toimivan Sliderin ja reaaliaikaista arvoa näyttävän Textin.

struct VolumeView: View {
    @State private var volume = 50.0
    var body: some View {
        Slider(value: $volume, in: 0...100)
        Text("\(Int(volume))")
    }
}

Pikatarkistus

Miten saat Sliderin tuottamaan kokonaislukuja väliltä 0–10?

Vastaa interaktiivisessa oppitunnissa

Kertaus

Slider sidotaan Double-arvoon, sille annetaan in-alue ja valinnainen step, ja se päivittyy reaaliajassa, jotta muut näkymät voivat reagoida.

Aloita maksutta

Opi Swift tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit: 30
Oppitunnit: 120

Aloita opiskelu maksutta Näytä koko kurssi

Usein kysytyt kysymykset

Onko oppitunti ”Arvojen valitseminen Sliderilla” ilmainen?

Kyllä – oppitunnin ”Arvojen valitseminen Sliderilla” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko SwiftUI Academy-kurssin, päivitä CoddyKit PROhon. SwiftUI Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Arvojen valitseminen Sliderilla”?

Valitse luku alueelta liukusäätimellä Harjoittelet SwiftUI Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni SwiftUI Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin SwiftUI Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 2/4.

Kuinka kauan ”Arvojen valitseminen Sliderilla”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä SwiftUI Academy-oppitunnilla?

Kyllä. Jokainen SwiftUI Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

← Takaisin: SwiftUI Academy