Windows Phone 7 (WP7) Ändern Sie die Hintergrundfarbe einer Schaltfläche beim Klicken

Dies scheint wie ein wirklich, wirklich einfaches problem, aber ich kann ' T es herausfinden. Der Täter scheint WP7 - Standard-Stil. Es ändert die hintergrund Farbe auf weiß, wenn eine Schaltfläche angeklickt wird, dann wieder auf die Schaltfläche die Standard-hintergrund.

Das problem, das ich habe ist, ich will zu ändern, die Schaltfläche hintergrund, wenn auf die Schaltfläche geklickt wird. Ich finde keine Möglichkeit, dies zu tun.

Habe ich versucht, den hintergrund einzustellen im code, aber das macht nichts. Ich denke, dass es überschrieben wird, indem Sie die Standard-Formatvorlage.

Habe ich versucht, mit einer Eigenschaft Ändern, das Verhalten in der Mischung, aber das hat genau das gleiche Ergebnis.

Ich habe versucht, erstellen Sie eine neue visual-Zustand für die Schaltfläche und die Einstellung, die Sie auf klicken, aber das ist ein wenig buggy und hat einen großen Aufwand, der für die Anzahl der Tasten die ich bin den Umgang mit. Auch, es hat nicht funktioniert.

Kann ich andere Tasten' hintergrund auf ein click-Ereignis, nur nicht auf den button geklickt haben.

Dies ist so eine lästige Hürde! Ich bin sicher, dies ist eine Zeile code Art der Antwort. 🙂

Kommentar zu dem Problem
Ich habe das gleiche problem, ich will einfach nur, um ihn transparent zu machen, da bin ich mit einem Bild als hintergrund. Allerdings möchte ich KEINE hintergrund-Farbe, wenn die Schaltfläche geklickt wird, denn ich benutze ein Bild als button-hintergrund. Wie kann ich das tun? 🙂 Kommentarautor:
auch: blogs.msdn.com/b/ptorr/archive/2010/06/18/... Kommentarautor: mlvljr

InformationsquelleAutor der Frage Jason | 2010-08-13

  1. 47

    Was Sie tun müssen, ist erstellen Sie eine Schaltfläche Vorlage, ändert die Gedrückt visuellen Zustand.

    In der Mischung, wählen Sie die Schaltfläche, klicken Sie auf das Menü "Objekt"->"Vorlage Bearbeiten"->"Kopie Bearbeiten...", um eine neue Vorlage wird erstellt. In den Staaten-Fenster, wählen Sie die Gedrückt visuellen Zustand in der CommonStates visual state Gruppe. Wählen Sie nun ButtonBackground in der Objekt-Hierarchie und Bearbeiten Sie den hintergrund in den Eigenschaften-Fenster.

    Bearbeitete ich die Gedrückten Zustand ist der hintergrund eine solide Cyan-ish Farbe und am Ende mit etwas wie dieses XAML.

    <phone:PhoneApplicationPage ...>
    <phone:PhoneApplicationPage.Resources>
        <Style x:Key="ButtonStyle1" TargetType="Button">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid Background="Transparent">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ColorAnimation Duration="0" To="Cyan" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" Storyboard.TargetName="ButtonBackground" d:IsOptimized="True"/>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
                                                <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneDisabledBrush}"/>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="ButtonBackground" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="0" Margin="{StaticResource PhoneTouchTargetOverhang}" Background="Black">
                                <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Padding="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </phone:PhoneApplicationPage.Resources>

    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Button Content="Button" Style="{StaticResource ButtonStyle1}"/>
    </Grid>
</phone:PhoneApplicationPage>

    InformationsquelleAutor der Antwort Matt Casto

  2. 1

    Ich denke immer ein Verweis auf den tatsächlichen hintergrund zu ändern, die helfen könnten. Hier ist eine Methode, mit der eine Instanz einer Schaltfläche.

            private void HighlightButton(Button btnToHighlight)
        {

            SolidColorBrush sBrush = (SolidColorBrush)btnToHighlight.Background;


            sBrush.Color = //enter your colour here
            btnToHighlight.Background = sBrush;

        }

    InformationsquelleAutor der Antwort keyboardP

  3. 0
    <ControlTemplate x:Key="ButtonNextOver" TargetType="Button">
                <Grid>
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal"/>
                            <VisualState x:Name="MouseOver">
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00" Storyboard.TargetProperty="Background" Storyboard.TargetName="hoverbutton">
                                        <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                            <DiscreteObjectKeyFrame.Value>
                                                <ImageBrush ImageSource="/NhomMua;component/Image/ico_next_over.png"/>
                                            </DiscreteObjectKeyFrame.Value>
                                        </DiscreteObjectKeyFrame>
                                    </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="FocusStates">
                            <VisualState x:Name="Focused"/>
                            <VisualState x:Name="Unfocused"/>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <Border x:Name="hoverbutton">
                        <Border.Background>
                            <ImageBrush ImageSource="/NhomMua;component/Image/ico_next.png"/>
                        </Border.Background>
                    </Border>
                </Grid>
            </ControlTemplate>

    InformationsquelleAutor der Antwort thongaduka

  4. 0

    Ändern Sie den hintergrund der Schaltfläche, wenn der button gedrückt ist, ich benutze die Vorlagen. Matt hat darauf hingewiesen, öffnen Sie das Projekt in Blend. Gehen Sie auf die Schaltfläche > Rechtsklick > Bearbeiten von Template - > Bearbeiten Sie eine Kopie. Eine neue Vorlage für den button erstellt und angehängt, in der Nähe von Beginn der XAML-Seite.

    Nun, da müssen Sie zum ändern der Schaltflächen Verhalten, wenn der button gedrückt wird, müssen Sie ändern die VisualState. Über den Kopf "Gedrückt" visual Staat und peer in Sie. Dies ist die "Gedrückt" visual Zustand. 

    <VisualState x:Name="Pressed">
 <Storyboard>
      <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentContainer">
           <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneBackgroundBrush}"/>
      </ObjectAnimationUsingKeyFrames>
           <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="ButtonBackground">
      <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneForegroundBrush}"/>
      </ObjectAnimationUsingKeyFrames>
      <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonBackground" Storyboard.TargetProperty="BorderBrush">
           <DiscreteObjectKeyFrame KeyTime="0" Value="#FF373737" />
      </ObjectAnimationUsingKeyFrames>
 </Storyboard>

    Ändern Sie den Wert von #FF373737 zu, was Sie wünschen. Sie sind nun eingestellt.

    InformationsquelleAutor der Antwort Saif Al Falah

Schreibe einen Kommentar