Hint control: progressring; Scope controls: ProgressBar, Slider
Introduced
Re-imagine the Windows 8 Store Apps hint control
Progressring-Progress Loop control
Re-imagine the Windows 8 Store Apps range Control
ProgressBar-progress bar control
Slider-Sliding bar control
Example
1, Progressring's Demo
Progressringdemo.xaml
<page x:class= "XamlDemo.Controls.ProgressRingDemo xmlns=" Http://schemas.microsoft.com/winfx/2006/xaml /presentation "xmlns:x=" Http://schemas.microsoft.com/winfx/2006/xaml "xmlns:local=" Using:XamlDemo.Controls "XM Lns:d= "http://schemas.microsoft.com/expression/blend/2008" xmlns:mc= "http://schemas.openxmlformats.org/ markup-compatibility/2006 "mc:ignorable=" D "> <grid background=" Transparent "> <st
Ackpanel margin= "0 0 0" > <!--progressring-progress loop control IsActive-show--> <progressring isactive= "{Binding ischecked, elemen tname=chkrunning} "width=" height= "horizontalalignment=" left/> <checkbox name= "chk Running "content=" Running "ischecked=" True "/> </StackPanel> </Grid> </page>
2, ProgressBar's Demo
Progressbardemo.xaml
<page x:class= "XamlDemo.Controls.ProgressBarDemo" xmlns= "Http://schemas.microsoft.com/winfx/2006/xaml/prese Ntation "xmlns:x=" Http://schemas.microsoft.com/winfx/2006/xaml "xmlns:local=" Using:XamlDemo.Controls "xmlns:d=" "http://schemas.microsoft.com/expression/blend/2008" xmlns:mc= "http://schemas.openxmlformats.org/ markup-compatibility/2006 "mc:ignorable=" D "> <grid background=" Transparent "> <st
Ackpanel margin= "0 0 0" > <!--ProgressBar-progress bar control Isindeterminate-is the progress bar that cannot be determined Minimum-the minimum value of the progress bar Maximum-into Maximum value of the degree bar-the current value of the progress bar showpaused-Displays the paused state showerror
-Displays error status ValueChanged-Events triggered by changes in the current value of the progress bar--> <progressbar isindeterminate= "True" Width= "Horizontalalignment=" "left" showpaused= "{Binding ischecked, elementname=radpaused}" Showerror= "{Binding ischecked, elementname=raderror}"/> <progressbar isind
Eterminate= "False" width= "minimum=" 0 "maximum=" value= "" horizontalalignment= "left" margin= "0 20 0 0" Showpaused= "{Binding ischecked, elementname=radpaused}" showerror= "{Binding Isch
ecked, Elementname=raderror} "/> <stackpanel orientation=" horizontal "margin=" 0 0 0 ">
<radiobutton x:name= "radrunning" groupname= "Progressstate" content= "Running" ischecked= "True"/> <radiobutton x:name= "radpaused" groupname= "progressstate" content= "Paused"/> <
RadioButton x:name= "Raderror" groupname= "Progressstate" content= "Error"/> </StackPanel> ,;/stackpanel> </Grid> </Page>