tworzenie aplikacji za pomocą narzędzia Silverlight
Data: 22 lipiec 2008
Identyfikator: 080743
Narzędzie Silverlight umożliwia tworzenie bogatych, atrakcyjnych wizualnie interfejsów użytkownika. Pokażemy ci, jak za pomocą tej nowej technologii stworzyć prostą aplikację wykorzystującą Google Maps.
Strona 1 z 2
Najnowszą wersję wtyczki firmy Microsoft można oprogramować m.in. w Visual Basicu czy C#, co w połączeniu z tekstowym opisem dokumentów wykorzystującym XAML czyni z Silverlighta bardzo silną konkurencję dla Flasha. W naszym projekcie użyjemy języka C#, by oprogramować mały kalkulator przeliczający współrzędne geograficzne w formacie stopniowym na format dziesiętny. Na koniec wykorzystamy przeliczone współrzędne i pokażemy je na mapie pobranej z Google Maps.
Niezbędne aplikacje
Aby wykonać projekt, niezbędne są dwa programy – Visual Studio 2008 oraz Silverlight
Tools Beta 1 for Visual Studio 2008. Pierwszy dostępny jest w 90-dniowej wersji testowej, drugi jest darmowy (adresy w ramce).
Aby wykonać projekt, niezbędne są dwa programy – Visual Studio 2008 oraz Silverlight
Tools Beta 1 for Visual Studio 2008. Pierwszy dostępny jest w 90-dniowej wersji testowej, drugi jest darmowy (adresy w ramce).
Design oprogramowania
Do opisu interfejsu użytkownika program Silverlight używa języka XAML. Plik App.xaml zawiera jedynie definicję aplikacji, więc nie będziesz musiał go edytować. Sercem kalkulatora będzie Page.xaml. Ten plik XML zawiera w tej chwili tylko definicję kontrolki UserControl wraz z zagnieżdżoną kontrolką Grid. Element ten steruje rozmieszczeniem komponentów w programie. Ponieważ Grid wymaga niewielkiego doświadczenia, użyjemy prostszego komponentu, np. StackPanel. Kontrolki umieszczone wewnątrz StackPanel ustawiają się automatycznie w pionie lub w poziomie w kolejności występowania w dokumencie XAML.
<UserControl x:Class=”GeoCoderCalculator.Page”
xmlns=”http://schemas.microsoft.com/client/2007”
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”
Width=”400” Height=”300”>
<StackPanel Orientation=”Vertical”>
<StackPanel Orientation=”Horizontal”>
<!-- Szerokosc geograficzna -->
</StackPanel>
<StackPanel Orientation=”Horizontal”>
<!-- Dlugosc geograficzna -->
</StackPanel>
<!-- Przycisk przelicz -->
<StackPanel Orientation=”Horizontal”>
<!-- Wspolrzedne radialne -->
</StackPanel>
<!-- Link do Google Maps -->
</StackPanel>
</UserControl>
</kod>
W tej chwili masz już coś na kształt interfejsu użytkownika przedstawionego na rysunku. Umieszczone są na nim podstawowe elementy. W pierwszym zagnieżdżonym StackPanelu umieść elementy pozwalające na wprowadzenie szerokości geograficznej. Opiszą ją:
1. Kontrolka do wprowadzania stopni TextBox oraz znak oznaczający stopnie w kontrolce TextBlock
<TextBox x:Name="LatDeg"></TextBox>
<TextBlock>°</TextBlock>
2. Kontrolka do wprowadzania minut oraz oraz oznaczenie minut
<TextBox x:Name="LatMin"> </TextBox> <TextBlock>’</TextBlock>
3. Kontrolka do wprowadzania sekund oraz ich oznaczenia
<TextBox x:Name=”LatSec”> </TextBox>
<TextBlock> ”</TextBlock>
4. Grupa dwóch wzajemnie wykluczających się kontrolek RadioButton do oznaczenia orientacji północ–południe.
Wykluczanie zrealizowane zostało poprzez umieszczenie obu RadioButtonów w jednej grupie (GroupName).
<TextBlock>N</TextBlock><RadioButton x:Name= “LatN“ GroupName=“NS“ IsChecked= “true“></RadioButton>
<TextBlock>S </TextBlock> <RadioButton x:Name=“LatS“ GroupName=“NS“>
</RadioButton>
Ocena: 



(aby ocenić, musisz się zalogować w serwisie)
Podobne artykuły: