Oprettelse af diagrammer på Windows Phone 7 med Syncfusions kontroller

Syncfusion frigav for nylig et sæt UI-kontroller til Windows Phone 7 (WP7), som jeg besluttede at tjekke ud, fordi jeg tidligere har været tilfreds med virksomhedens kontroller. Efter at have kigget på dokumentationen og foretaget en lille smule eksperimentering, lagde jeg en prøveapplikation, der bruger dens diagramdel.

Den første ting at gøre er at downloade værktøjerne fra Syncfusion. Virksomheden tilbyder en 30-dages gratis prøveperiode og e-mailer dig en oplåsningsnøgle, du kan bruge. (Windows Phone 7-kontrollen er en del af Synfusions Essential Studio-brugergrænsefladeudgave, som skifter pris for $ 1.695 USD.) Når pakken er installeret, skal du starte Syncfusion-betjeningspanelet og bruge den til at installere binærerne. Syncfusion gør dette for at give dig mulighed for lettere at administrere forskellige versioner af dens pakker.

Når pakken er installeret og konfigureret, skal du starte Visual Studio og starte et nyt Windows Phone-program eller åbne et eksisterende. Gå til dialogboksen Tilføj referencer, vælg Assemblies, vælg Extensions og tilføj derefter de Syncfusion-biblioteker, du har brug for i din applikation. I dette indlæg bruger vi Syncfusion.Chart.Phone. Derefter skal du tilføje referencen til din XAML for at gøre den tilgængelig på din side. Hvad angår kortlægningskontrollerne, er det, hvad jeg føjede til mærket "telefon: PhoneApplicationPage" øverst i XAML-filen:

 xmlns: diagram = "clr-namespace: Syncfusion.Phone.Chart; montage = Syncfusion.Chart.Phone" 

Effekten af ​​dette er at udsætte Syncfusion-kortkontrollen på vores side, så vi kan bruge den. Nu kan vi begynde at placere dele af diagrammet på vores side. Vi begynder med et "Chart" -objekt og indpakker et "ChartArea" indeni det. ChartArea kan derefter indeholde ting som legenderne og kortdataene deri. Fordi vi importerede kontrollerne med navneområdet "diagram", starter alle de relevante tags med "diagram" i vores XAML. Når vi udfylder tags, vil du også se, at kortlægningen tager form i den visuelle designer. Vi vil tilføje en tom legende og to akser. Du kan tilføje to akser af typer PrimaryAxis (x-akse) og SecondaryAxis (y-akse). For hver akser kan du indstille "IsAutoSetRange" til "sand" og lade kontrollen finde ud af, hvilket interval der skal bruges, eller du kan indstille det til "falsk" og tilføje en "Range" -attribut med et par tal (f.eks. " 5, 45 ") som dens værdi for at tvinge et interval samt en" Interval "-attribut.

Du skal have nogle data i kontrollen. Du kan gøre dette manuelt ved at indstille datakonteksten i koden bag. Efter min erfaring er dette ikke den bedste måde at gøre ting på, fordi det er svært at spore dataene på skærmen til kontrollen; skal du jage det faktiske opkald for at indstille datakonteksten. Så i stedet vil vi gøre det i XAML. For at gøre dette, lad os oprette et ChartSeries-objekt i ChartArea. Dette giver os mulighed for at kontrollere, hvilken slags diagram der er lavet, dens etiket på skærmen, udseende og hvor dataene kommer fra. Med henblik på denne demonstration vil vi bruge et simpelt datasæt med dataene, der kommer fra en ressource inden for XAML, og et grundlæggende sæt klasser defineret i hovedkoden bag filen. I et fuldt projekt vil du have dine bundne data til at være mere robuste end dette. Når dataene er defineret, bruger du attributterne "BindingPathsX" og "BindingPathsY" i DataSeries til at definere hvilke egenskaber for databindingen der skal knyttes til hver akse i diagrammet.

Bortset fra at binde diagrammet til en datakilde, der er forbundet til "rigtige data", har vi nu et meget flot, meget konfigurerbart diagram i vores applikation.

Kodeeksempel A: Selve kortkontrollen
 Kodeprøve B: Databindende klasser 
 offentlig klasse SalesData 
 { 
 public int WeekNumber {get; sæt; } 
 offentlig dobbelt Salg {get; sæt; } 
 } 
 public class WeeklySalesData: ObservableCollection 
 { 
 } 
Kodeprøve C: Dataressourcen i XAML
 Figur D: Hvordan layoutet ser ud i Visual Studio 

Figur E: Skærmbillede af det kørende program

J.Ja

© Copyright 2021 | pepebotifarra.com