溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

UWP中如何設(shè)置控件樣式

發(fā)布時(shí)間:2021-01-27 14:25:20 來源:億速云 閱讀:170 作者:小新 欄目:編程語言

這篇文章給大家分享的是有關(guān)UWP中如何設(shè)置控件樣式  的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。

1.隱式方法,通過僅指定 Style 的 TargetType。(設(shè)置全部的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} 標(biāo)記擴(kuò)展引用設(shè)置目標(biāo)控件的 Style 屬性

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

//調(diào)用
<Button Content="跳轉(zhuǎn)方法" x:Name="btnTest" Style="{StaticResource btnStyle}"/>

3.單個(gè)樣式表示

//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.使用樣式文件進(jìn)行調(diào)整樣式

1) 創(chuàng)建文件夾Themes右鍵添加新建項(xiàng)visual C# àxamlà資源字典 style.xaml

UWP中如何設(shè)置控件樣式

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) 在xaml界面中使用樣式文件

1 <Button x:Name="btnSubmit"  Content="同意以上協(xié)議并注冊(cè)" HorizontalAlignment="Center" Click="btnSubmit_Click" Style="{StaticResource gft_FormBtm}" />

感謝各位的閱讀!關(guān)于“UWP中如何設(shè)置控件樣式  ”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

uwp
AI