Some practical control in Windows phone

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

This is a.TextBlock: control Label control.

<TextBlock x:Name="PageTitle" Text="page name" Margin="-3,-8,0,0" Style="{StaticResource PhoneTextTitle1Style}" TextWrapping="Wrap"/>Style: Set the font size, word color, style, using StaticResource can bind the default style.

TextWrapping: Set whether to automatically wrap.
Text: To display on the control word.

Two.CheckBox: multiple controls, also can generate a variety of effects by blend tools, in addition to frame increase will choose, and not to set the Width, Height to complete, but is accomplished by RenderTransform Scale.

<CheckBox Content="CheckBox1" Height="80" HorizontalAlignment="Left" Margin="102,113,0,0" Name="checkBox1" VerticalAlignment="Top" Width="279" BorderBrush="Red" Foreground="Blue" Checked="checkBox1_Checked" Background="Yellow"/>

<CheckBox Content="CheckBox2" Height="72" HorizontalAlignment="Left" Margin="148,0,0,346" Name="checkBox2" VerticalAlignment="Bottom" Checked="checkBox2_Checked" RenderTransformOrigin="0.5,0.5" BorderBrush="#BFFB2200" Foreground="#FF1008F7">

<CheckBox.Background>

<LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0">

<GradientStop Color="White" Offset="0.504"/>

<GradientStop Color="#FFF7E306" Offset="1"/>

<GradientStop Color="#FFF7E306" Offset="0.004"/>

</LinearGradientBrush>

</CheckBox.Background>

<CheckBox.RenderTransform>

<CompositeTransform ScaleX="2" ScaleY="2"/>

</CheckBox.RenderTransform>

</CheckBox>



Three.RadioButton: radio button. When there are multiple together, can automatic mutual exclusion. As with multiple controls, to make the control becomes large, need to use Transform scale to realize.

<RadioButton Content="RadioButton1" Grid.Row="1" Height="72" HorizontalAlignment="Left" Margin="84,79,0,0" Name="radioButton1" VerticalAlignment="Top" Width="294" />

<RadioButton Content="RadioButton2" Grid.Row="1" Height="72" HorizontalAlignment="Left" Margin="84,183,0,0" Name="radioButton2" VerticalAlignment="Top" />

<RadioButton Content="RadioButton3" Grid.Row="1" Height="72" HorizontalAlignment="Left" Margin="84,299,0,0" Name="radioButton3" VerticalAlignment="Top" />



Four.ProgressBar: progress bar control. There are two forms, one is showing the exact schedule; another is uncertain, repeat.

<ProgressBar Grid.Row="1" Height="71" HorizontalAlignment="Left" Margin="24,109,0,0" Name="progressBar1" VerticalAlignment="Top" Width="424" Value="80"/>

<ProgressBar Grid.Row="1" Height="55" HorizontalAlignment="Left" Margin="36,273,0,0" Name="progressBar2" VerticalAlignment="Top" Width="412" IsIndeterminate="True"/>IsIndeterminate: Progress bar form, False: will not repeat the schedule, according to the value value change schedule; True: repeat the progress bar.



Five.Slider: slider control. Can set the horizontal, vertical.

<Slider Grid.Row="1" Height="90" HorizontalAlignment="Left" Margin="20,30,0,0" Name="slider1" VerticalAlignment="Top" Width="460" />

<Slider Grid.Row="1" Height="390" HorizontalAlignment="Left" Margin="192,166,0,0" Name="slider2" VerticalAlignment="Top" Width="59" Orientation="Vertical" />

Orientation: Set the slide direction.

IsDirectionReversed: Set the Slider control values increase direction.

Value: Set the current value.



Six.PopUp: popup controls, can display the previous to the current page. This control can be used to make a custom MessageBox, waiting for the frame etc.

<Popup Grid.Row="1" HorizontalAlignment="Left" Margin="109,172,0,0" Name="popup1" VerticalAlignment="Top" Height="250" Width="250" IsOpen="True" Opened="popup1_Opened">

<Canvas Width="250" Height="250" Background="Red" VerticalAlignment="Center" HorizontalAlignment="Center">

<TextBlock Margin="90,120,0,0" Text="Please wait......">

</Canvas>

</Popup>



Seven.Thumb: the controls by dragging, acquiring continuous coordinate (a bit like the touch panel notebook), and in combination with other controls are used to generate the control effect.

<Thumb Grid.Row="1" Height="125" HorizontalAlignment="Left" Margin="154,99,0,0" Name="thumb1" VerticalAlignment="Top" Width="190" DragDelta="thumb1_DragDelta" DragCompleted="thumb1_DragCompleted" DragStarted="thumb1_DragStarted"/>



Eight.MultiScaleImage: in the control of DeepZoom is mainly used to realize the function, can be very convenient to scale your images, drawing out huge virtual space these pictures can be provided in the Silverlight. Commonly used in the map display, as well as the multi picture preview.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download

Posted by Herbert at December 29, 2013 - 4:00 PM