Maison > développement back-end > Tutoriel C#.Net > Quatre façons de définir des styles de contrôle dans UWP

Quatre façons de définir des styles de contrôle dans UWP

一个新手
Libérer: 2017-10-19 10:17:31
original
2436 Les gens l'ont consulté

1.Méthode implicite, en spécifiant uniquement le TargetType de Style. (Définissez tous les styles de boutons)


1 <Page.Resources >
2         <Style TargetType="Button">
3             <Setter Property="BorderBrush" Value="Lime"/>
4             <Setter Property="BorderThickness" Value="4"/>
5         </Style>
6     </Page.Resources>
Copier après la connexion

2.Méthode explicite, en spécifiant les attributs TargetType et x:Key de Style , puis. définissez la propriété Style du contrôle cible en utilisant la référence d'extension de balise {StaticResource} avec la clé explicite


<Page.Resources >
        <Style x:Key="btnStyle" TargetType="Button">
            <Setter Property="BorderBrush" Value="Lime"/>
            <Setter Property="BorderThickness" Value="4"/>
        </Style>
 </Page.Resources>

//调用
<Button Content="跳转方法" x:Name="btnTest" Style="{StaticResource btnStyle}"/>
Copier après la connexion

3.Une représentation de style unique


//1.App.xaml配置文件中
<Application.Resources>
     <SolidColorBrush x:Key="BlueBrush" Color="#FF1C90D1"/>
</Application.Resources>

//2.页面中绑定值MainPage.xaml
<Rectangle Height="2" Width="18" Fill="{StaticResource EggshellBrush}"/>

//3.获取值MainPage.xaml.cs
App.Current.Resources["EggshellBrush"] as SolidColorBrush
Copier après la connexion

4.Utiliser des fichiers de style pour ajuster les styles

1) Créer un fichier Faites un clic droit sur Thèmes pour ajouter un nouvel élément visuel C# àxamlàdictionnaire de ressources style.xaml

2) Écrivez des styles dans style.xaml tels que

<Style TargetType="Button" x:Key="gft_FormBtm">
        <Setter Property="Background" Value="OrangeRed"></Setter>
        <Setter Property="Height" Value="50"></Setter>
        <Setter Property="FontSize" Value="16"></Setter>
        <Setter Property="Foreground" Value="White"></Setter>
        <Setter Property="HorizontalAlignment" Value="Center"></Setter>
        <Setter Property="MinWidth" Value="300"></Setter>
 </Style>
Copier après la connexion

3) Spécifiez les ressources dans l'application Fichier .xaml


<!--4.使用样式文件-->
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Themes/style.xaml"></ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
</Application.Resources>
Copier après la connexion

4) Utiliser le fichier de style

dans l'interface xaml
1 <Button x:Name="btnSubmit"  Content="同意以上协议并注册" HorizontalAlignment="Center" Click="btnSubmit_Click" Style="{StaticResource gft_FormBtm}" />
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal