如何在代码中实现对一个Button的图标变化显示进行切换？

Question

      我想请教下：在xmal设计器中设置button style是通过 <Button 下：Name=“btn” Style=“{StaticResource PhotoAppBarButtonStyle}”/>实现

那么在执行代码时，动态切换呢？

一个button，有两种状态，一种是截图（camera），一种是录像（video），在产生单击响应后，通过一个bool状态变量isVideo控制这两种状态的切换，

想要在界面上显示不同的style，比如自带StaticResource的VideoAppBarButtonStyle和PhotoAppBarButtonStyle。

在单击响应函数

void btn_click()

{  
  ...
  if(isVideo)
    btn-Style =  ???
  else
    btn->Style = ???
}

这里面怎么实现对StaticResource的调用 ，谢谢！

Answer 1

我想到了两种方法：

1.简单的两个btn放一起，一个Collapsed,另外一个Visible,然后由你的isVideo控制，testBtn->Visibility = Collapsed；

2.查找资源来设置

xaml

    <Page.Resources>
        <Style x:Key="PhotoBtnStyle" TargetType="Button" BasedOn="{StaticResource PhotoAppBarButtonStyle}"/>
        <Style x:Key="VideoBtnStyle" TargetType="Button" BasedOn="{StaticResource VideoAppBarButtonStyle}"/>
    </Page.Resources>

cpp:

	String^ strRes = isVideo? "PhotoBtnStyle" : "VideoBtnStyle";
	testBtn->Style = safe_cast<Windows::UI::Xaml::Style^>(this->Resources->Lookup(strRes));
	isVideo= !isVideo;

第2种方法可能还有直接ref new Style(？），这个我不清楚怎么写。

 

Answer 2

多谢 你说方法可以搞定，我之前就在找ref new Style的写法 没成功～～ 第二种方法能不能直接查找standardStyles.xaml中资源，而不用在page.resource中继承一下？

Answer 3

我也不清楚哦，我也想知道答案哦！

Answer 4

这样即可：

void App13::MainPage::btn1_Click_1(Platform::Object^ sender, Windows::UI::Xaml::RoutedEventArgs^ e)
{
	if(isVideo)
		safe_cast<Button^>(sender)->Style = safe_cast<Windows::UI::Xaml::Style^>(App::Current->Resources->Lookup(L"VideoAppBarButtonStyle"));
	else
		safe_cast<Button^>(sender)->Style = safe_cast<Windows::UI::Xaml::Style^>(App::Current->Resources->Lookup(L"PhotoAppBarButtonStyle"));
	isVideo = !isVideo;
}

---

Bob Bao [MSFT]
MSDN Community Support | Feedback to us