我如何使用 mvvm 显示 Windows Phone 8 应用程序的加载栏 [英] how do i display loading bar for windows phone 8 app using mvvm
本文介绍了我如何使用 mvvm 显示 Windows Phone 8 应用程序的加载栏的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何从视图模型中调用负载条?带有漂浮的小圆点的凉爽.我似乎找不到正确的 Bing 短语来搜索它.
How do I invoke a load bar from within a view model? The cool one with the little dots that float by. I can't seem to find the right Bing phrase to search for it.
推荐答案
试试这个.
XAML
<phone:PhoneApplicationPage
...............>
<phone:PhoneApplicationPage.DataContext>
<local:ViewModel/>
</phone:PhoneApplicationPage.DataContext>
<shell:SystemTray.ProgressIndicator>
<shell:ProgressIndicator IsIndeterminate="{Binding IsBusy}"
IsVisible="{Binding IsBusy}"
Text="{Binding Message}" />
</shell:SystemTray.ProgressIndicator>
<!--LayoutRoot is the root grid where all page content is placed-->
<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<!--TitlePanel contains the name of the application and page title-->
<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}" Margin="12,0"/>
<TextBlock Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
</StackPanel>
<!--ContentPanel - place additional content here-->
<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<Button Content="Show Progress" Command="{Binding _ShowProgressBar}" Height="100" />
</Grid>
</Grid>
</phone:PhoneApplicationPage>
C#
public class ViewModel : INotifyPropertyChanged
{
private bool _IsBusy;
public bool IsBusy
{
get { return _IsBusy; }
set { _IsBusy = value; RaisePropertyChanged("IsBusy"); }
}
private string _Message;
public string Message
{
get { return _Message; }
set { _Message = value; RaisePropertyChanged("Message"); }
}
public RelayCommand _ShowProgressBar { get; set; }
public ViewModel()
{
_ShowProgressBar = new RelayCommand(() => ShowProgressBar());
}
private void ShowProgressBar()
{
IsBusy = true;
Message = "Loading...";
}
public event PropertyChangedEventHandler PropertyChanged;
private void RaisePropertyChanged(string property)
{
if (PropertyChanged != null)
{
PropertyChanged(this, new PropertyChangedEventArgs(property));
}
}
}
这篇关于我如何使用 mvvm 显示 Windows Phone 8 应用程序的加载栏的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文