Syncfusion Flutter Radial Gaugen käytön aloittaminen

Blogi

Syncfusion Flutter Radial Gaugen käytön aloittaminen

Syncfusion -lepatusmittarit

Syncfusion Flutter -mittarikirjasto sisältää datan visualisointipienoisohjelmia, kuten nuolinäppäimellä kirjoitetun radiaalimittarin, nykyaikaisten, interaktiivisten ja animoitujen mittarien luomiseksi, joita käytetään laadukkaiden mobiilisovelluskäyttöliittymien luomiseen Flutterin avulla.

Yleiskatsaus

Säteittäistä mittaria käytetään numeeristen arvojen näyttämiseen pyöreällä asteikolla. Siinä on runsaasti ominaisuuksia, kuten akseleita, alueita, osoittimia ja merkintöjä, jotka ovat täysin muokattavissa ja laajennettavissa. Käytä sitä nopeusmittarien, lämpötilan valvontalaitteiden, kojelaudojen, mittarien, moniakselisten kellojen, kellojen, nykyaikaisten toimintamittarien, kompassien ja paljon muuta luomiseen.

Vastuuvapauslauseke: Tämä on kaupallinen paketti. Jotta voit käyttää tätä pakettia, sinulla on oltava joko Syncfusion Commercial License tai Syncfusion Community -lisenssi. Jos haluat lisätietoja, tarkista KÄYTTÖOIKEUS tiedosto.

Huomautus: Pakettimme ovat nyt yhteensopivia Flutter for Webin kanssa. Tämä on kuitenkin betavaiheessa, kunnes Flutter for Web tulee vakaaksi.

Radiaalimittarin ominaisuudet

  • Kirveet - Radiaalimittarin akseli on pyöreä kaari, jossa arvot näytetään lineaarisella tai mukautetulla mittakaavalla suunnitteluvaatimusten perusteella. Akselielementtejä, kuten tarroja, punkkeja ja akselilinjoja, voidaan helposti muokata sisäänrakennettujen ominaisuuksien avulla. yksinkertainen radiaalimittari

  • Alueet - Mittarialue on visuaalinen elementti, joka auttaa nopeasti visualisoimaan, missä arvo putoaa akselille. Tekstiä voidaan helposti merkitä vaihteluvälillä luettavuuden parantamiseksi.

  • Osoittimet - Osoitinta käytetään osoittamaan akselin arvoja. Siinä on kolmenlaisia ​​osoittimia: neulaosoitin, merkkikohdistin ja etäisyysosoitin. Kaikki osoittimet voidaan räätälöidä tarpeen mukaan.

  • Animaatio - Animoi osoittimen visuaalisesti houkuttelevalla tavalla, kun osoitin siirtyy arvosta toiseen. Mittari tukee erilaisia ​​osoitinanimaatioita. Mittarille on myös mahdollista käyttää alkukuormitusanimaatiota.

  • Osoittimen vuorovaikutus - Radiaalimittari tarjoaa mahdollisuuden vetää osoittimen arvosta toiseen. Sitä käytetään arvon muuttamiseen ajon aikana.

  • Merkinnät - Lisää useita widgettejä, kuten tekstiä ja kuvaa, huomautukseksi tiettyyn kohdepisteeseen radiaalimittarissa.

Hanki demosovellus

Tutustu Flutter -widget -laitteidemme kaikkiin ominaisuuksiin laitteellasi asentamalla esimerkkiselainsovelluksemme alla olevista sovelluskaupoista ja katsomalla esimerkkikoodia GitHubissa.

Muita hyödyllisiä linkkejä

Tutustu seuraavaan saadaksesi lisätietoja Syncfusion Flutter -suojista:

Asennus

Asenna uusin versio osoitteesta pub .

Päästä alkuun

Tuo seuraava paketti.

import 'package:syncfusion_flutter_gauges/gauges.dart';

Lisää radiaalimittari widget -puuhun

Lisää radiaalimittari -widget minkä tahansa widgetin lapsena. Tässä mittari -widget lisätään kontti -widgetin lapsena.

@override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: Center( child: Container( child: SfRadialGauge() ))), ); }

Lisää säteittäiset mittarit

Lisää mittarielementit, kuten akseli, alue, osoitin ja huomautus näyttääksesi eri värialueet, lisää osoitin osoittamaan nykyisen arvon ja lisää huomautus näyttääksesi nykyisen arvon.

@override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( body: Center( child: Container( child: SfRadialGauge( axes: [ RadialAxis(minimum: 0, maximum: 150, ranges: [ GaugeRange(startValue: 0, endValue: 50, color:Colors.green), GaugeRange(startValue: 50,endValue: 100,color: Colors.orange), GaugeRange(startValue: 100,endValue: 150,color: Colors.red)], pointers: [ NeedlePointer(value: 90)], annotations: [ GaugeAnnotation(widget: Container(child: Text('90.0',style: TextStyle(fontSize: 25,fontWeight: FontWeight.bold))), angle: 90, positionFactor: 0.5 )] )]) ))), ); }

Seuraava kuvakaappaus kuvaa yllä olevan koodinäytteen tuloksen.

Tuki ja palaute

Tietoja Syncfusionista

Syncfusionilla on vuonna 2001 perustettu ja sen pääkonttori Research Triangle Park, N.C. -yrityksellä yli 20 000 asiakasta ja yli miljoona käyttäjää, mukaan lukien suuret rahoituslaitokset, Fortune 500 -yhtiöt ja maailmanlaajuiset IT -konsultit.

Lataustiedot:

pub.dev: https://pub.dev/packages/syncfusion_flutter_gauges

#heilutus #tikka #ohjelmointi