Windows 8 Store Apps Learning (4) prompt control and range control

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>