UWP でコントロール スタイルを設定する 4 つの方法

一个新手
リリース: 2017-10-19 10:17:31
オリジナル
2345 人が閲覧しました

1.StyleのTargetTypeのみを指定する暗黙的なメソッド。 (すべての Button スタイルを設定)


1 <Page.Resources >
2         <Style TargetType="Button">
3             <Setter Property="BorderBrush" Value="Lime"/>
4             <Setter Property="BorderThickness" Value="4"/>
5         </Style>
6     </Page.Resources>
ログイン後にコピー

2.Style の TargetType と x:Key 属性を指定して明示的なメソッドを作成し、明示的なキーの {StaticResource} タグ拡張参照を使用してターゲットを設定します。コントロールの Style プロパティ


<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}"/>
ログイン後にコピー

3.単一のスタイル表現


//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
ログイン後にコピー

4.スタイルファイルを使用してスタイルを調整

1) フォルダーテーマを作成します。クリックして新しい項目を追加します。ビジュアル C# àxamlàリソース辞書 style.xaml

2) style.xaml に

<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>
ログイン後にコピー

などのスタイルを書き込みます 3) 指定するApp.xaml ファイル内のリソース


<!--4.使用样式文件-->
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Themes/style.xaml"></ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
</Application.Resources>
ログイン後にコピー

4) xamlinterface

1 <Button x:Name="btnSubmit"  Content="同意以上协议并注册" HorizontalAlignment="Center" Click="btnSubmit_Click" Style="{StaticResource gft_FormBtm}" />
ログイン後にコピー
でスタイル ファイルを使用する

以上がUWP でコントロール スタイルを設定する 4 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!