Templat ulang kotak kata sandi

Saya sedang mengerjakan Aplikasi Windows Phone 8 C#/XAML .NET 4.5 dan saya telah mencoba membuat template ulang/menata PasswordBox, namun meskipun saya memiliki gambaran umum bagaimana melakukannya, saya tidak bisa' tidak menyelesaikannya sesuai kebutuhan saya.

MASALAH

Hal pertama yang perlu saya temukan adalah templat PasswordBox yang tepat untuk Windows Phone 8. Saya telah menemukan yang ini[msdn], tetapi tidak berfungsi dan saya tidak tahu cara mengubahnya agar bisa berfungsi.

PERTANYAAN

  • Apakah templat ini benar? Bagaimana cara mengubahnya agar "menempel"?

c# xaml controltemplate windows-phone-8
person mishan    schedule 17.01.2014    source sumber
comment
Kamu bisa mengubah sesukamu saat mengedit template lho? (klik kanan pada kontrolmu) Menggunakan blend akan lebih mudah :)   -  person MatDev8    schedule 17.01.2014
comment
mengerti, jika Anda menuliskannya sebagai jawaban, saya akan memberi Anda +1 dan jawaban yang benar.   -  person mishan    schedule 17.01.2014

Jawaban (1)


arrow_upward
2
arrow_downward

Di mana Anda gagal? Kesalahan apa yang Anda dapatkan saat mengerjakannya.

Berikut ini adalah style PasswordBox Windows Phone 8. Saya membuat menggunakan Expression Blend.

<Style x:Key="PasswordBoxStyle" TargetType="PasswordBox">
        <Setter Property="FontFamily" Value="{StaticResource PhoneFontFamilyNormal}"/>
        <Setter Property="FontSize" Value="{StaticResource PhoneFontSizeMediumLarge}"/>
        <Setter Property="Background" Value="{StaticResource PhoneTextBoxBrush}"/>
        <Setter Property="Foreground" Value="{StaticResource PhoneTextBoxForegroundBrush}"/>
        <Setter Property="BorderBrush" Value="{StaticResource PhoneTextBoxBrush}"/>
        <Setter Property="BorderThickness" Value="{StaticResource PhoneBorderThickness}"/>
        <Setter Property="SelectionBackground" Value="{StaticResource PhoneAccentBrush}"/>
        <Setter Property="SelectionForeground" Value="{StaticResource PhoneContrastBackgroundBrush}"/>
        <Setter Property="Padding" Value="2"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="PasswordBox">
                    <Grid Background="Transparent">
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Normal"/>
                                <VisualState x:Name="MouseOver"/>
                                <VisualState x:Name="Disabled">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="EnabledBorder">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DisabledBorder">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="FocusStates">
                                <VisualState x:Name="Focused">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="EnabledBorder">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneTextBoxEditBackgroundBrush}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="BorderBrush" Storyboard.TargetName="EnabledBorder">
                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PhoneTextBoxEditBorderBrush}"/>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Unfocused"/>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border x:Name="EnabledBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Margin="{StaticResource PhoneTouchTargetOverhang}">
                            <Border x:Name="ContentElement" BorderThickness="0" Margin="{StaticResource PhonePasswordBoxInnerMargin}" Padding="{TemplateBinding Padding}"/>
                        </Border>
                        <Border x:Name="DisabledBorder" BorderBrush="{StaticResource PhoneDisabledBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="Transparent" Margin="{StaticResource PhoneTouchTargetOverhang}" Visibility="Collapsed">
                            <PasswordBox x:Name="DisabledContent" Background="Transparent" Foreground="{StaticResource PhoneDisabledBrush}" Password="{TemplateBinding Password}" PasswordChar="{TemplateBinding PasswordChar}" Template="{StaticResource PhoneDisabledPasswordBoxTemplate}"/>
                        </Border>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
person asitis    schedule 17.01.2014
comment
Ya, saya masih pemula di WPF & Windows Phone, jadi saya tidak tahu banyak tentang styling, belum lagi di mana mendapatkan templatenya. Terima kasih atas jawabannya. Saya mendapatkan template yang hampir sama sebelumnya dari komentar dan menemukan cara untuk mendapatkan template ini di tempat yang saya perlukan menggunakan visual studio. :) - person mishan; 17.01.2014
comment
Yang ini bagus untuk berlatih geekchamp.com/ kiat/ - person asitis; 17.01.2014