WP7可視狀態問題

Question

UPDATE：

下載一個小的測試應用程序here

我有包括邊框，按鈕和文本塊的自定義控制。當控制按下時，我顯示一個彈出式選取控件。我在使用可視狀態來正確啓用和禁用控件時遇到問題。

當我啓用和正常使用正常和殘疾人可視狀態正常工作禁用該控件：

啓用：

禁用：

如果我點擊該控件，然後禁用背景保持白色的控件：

任何想法？

更新：我認爲我錯過了我的視覺狀態，由系統設置的屬性。我希望有人能夠確定它是什麼，所以我可以覆蓋它。

下面是式：

<Style 
    TargetType="Controls:PickerBoxButton"> 

    <Setter 
     Property="Background" 
     Value="Transparent" /> 

    <Setter 
     Property="BorderBrush" 
     Value="{StaticResource PhoneForegroundBrush}" /> 

    <Setter 
     Property="Foreground" 
     Value="{StaticResource PhoneForegroundBrush}" /> 

    <Setter 
     Property="BorderThickness" 
     Value="{StaticResource PhoneBorderThickness}" /> 

    <Setter 
     Property="FontFamily" 
     Value="{StaticResource PhoneFontFamilyNormal}" /> 

    <Setter 
     Property="FontSize" 
     Value="{StaticResource PhoneFontSizeMediumLarge}" /> 

    <Setter 
     Property="Padding" 
     Value="8,3,8,5" /> 

    <Setter 
     Property="Template"> 

     <Setter.Value> 

      <ControlTemplate 
       TargetType="Controls:PickerBoxButton"> 

       <Grid 
        Background="Transparent"> 

        <VisualStateManager.VisualStateGroups> 

         <VisualStateGroup 
          x:Name="CommonStates"> 

          <VisualState 
           x:Name="Normal"> 
           <Storyboard> 

            <ObjectAnimationUsingKeyFrames 
             Storyboard.TargetName="ButtonBackground" 
             Storyboard.TargetProperty="BorderBrush"> 
             <DiscreteObjectKeyFrame 
              KeyTime="0" 
              Value="{StaticResource PhoneForegroundBrush}" /> 
            </ObjectAnimationUsingKeyFrames> 

            <ObjectAnimationUsingKeyFrames 
             Storyboard.TargetName="PickerButton" 
             Storyboard.TargetProperty="Background"> 
             <DiscreteObjectKeyFrame 
              KeyTime="0" 
              Value="{StaticResource PhoneTextBoxBrush}" /> 
            </ObjectAnimationUsingKeyFrames> 

            <ObjectAnimationUsingKeyFrames 
             Storyboard.TargetName="PickerText" 
             Storyboard.TargetProperty="Foreground"> 
             <DiscreteObjectKeyFrame 
              KeyTime="0" 
              Value="{StaticResource PhoneTextBoxForegroundBrush}" /> 
            </ObjectAnimationUsingKeyFrames> 

           </Storyboard> 

          </VisualState> 

          <VisualState 
           x:Name="Disabled"> 
           <Storyboard> 

            <ObjectAnimationUsingKeyFrames 
             Storyboard.TargetName="ButtonBackground" 
             Storyboard.TargetProperty="BorderBrush"> 
             <DiscreteObjectKeyFrame 
              KeyTime="0" 
              Value="{StaticResource PhoneDisabledBrush}" /> 
            </ObjectAnimationUsingKeyFrames> 

            <ObjectAnimationUsingKeyFrames 
             Storyboard.TargetName="PickerButton" 
             Storyboard.TargetProperty="Background"> 
             <DiscreteObjectKeyFrame 
              KeyTime="0" 
              Value="{StaticResource PhoneChromeBrush}" /> 
            </ObjectAnimationUsingKeyFrames> 

            <ObjectAnimationUsingKeyFrames 
             Storyboard.TargetName="PickerText" 
             Storyboard.TargetProperty="Foreground"> 
             <DiscreteObjectKeyFrame 
              KeyTime="0" 
              Value="{StaticResource PhoneDisabledBrush}" /> 
            </ObjectAnimationUsingKeyFrames> 

           </Storyboard> 
          </VisualState> 

         </VisualStateGroup> 

        </VisualStateManager.VisualStateGroups> 

        <Border 
         x:Name="ButtonBackground" 
         BorderThickness="{TemplateBinding BorderThickness}" 
         CornerRadius="0" 
         Background="{TemplateBinding Background}" 
         Margin="6,8,8,0" 
         > 

         <Button 
          x:Name="PickerButton" 
          BorderThickness="0" 
          Height="64" 
          HorizontalAlignment="Left" 
          Margin="-12,-12,0,-12" 
          VerticalAlignment="Top" 
          Width="700"> 

          <StackPanel 
           Orientation="Horizontal" 
           Width="700"> 
           <TextBlock 
            x:Name="PickerText" 
            Margin="-2, 0, 0, 0" 
            /> 
          </StackPanel> 

         </Button> 

        </Border> 

       </Grid> 

      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

UPDATE

從表示視覺狀態變化觸發的控制添加的代碼。

private bool _isReadOnly; 
public bool IsReadOnly 
{ 
    get { return _isReadOnly; } 
    set 
    { 
     _isReadOnly = value; 

     UpdateVisualState(); 
    } 
} 

private void UpdateVisualState() 
{ 
    VisualStateManager.GoToState(this, IsReadOnly ? "Disabled" : "Normal", false); 
} 

Answer 1

從你的描述，你IsReadOnly設置爲true，但是這不會使控制轉到Disable狀態。您應該將IsEnabled設置爲False。你可以試試看嗎？

不知道這會工作......在你PickerBoxButton的構造，做

this.IsEnabledChanged += (s, e) => 
    { 
     if ((bool)e.NewValue) 
      VisualStateManager.GoToState((PickerBoxButton)s, "Disabled", true); 
    }; 

和無論你設置你的IsReadOnly屬性，與

this.YourCustomControl.IsEnabled = false; 

---

更換

隨着您的示例項目，我發現動畫矩形時按鈕和文本塊實際上按預期工作。然後我懷疑這可能是因爲GoToState觸發底層控件的視覺狀態，因爲它們共享相同的視覺狀態名稱。然後我將你的視覺狀態名稱從'Normal'改爲'NormalState'，'Disabled'爲'Disabled'，然後一切正常。 :)

也請刪除我給你的代碼，並使用您的原始IsReadOnly屬性觸發狀態更改。