WPF學習筆記05-控制項Control_Part2

来源:https://www.cnblogs.com/iceamos/archive/2023/03/10/17203857.html
-Advertisement-
Play Games

1 - 文本控制項 我們熟悉的文本控制項不外乎TextBox,RichTextBox。在WPF中還有一個PasswordBox,不過區分於前者的區別就是PasswordBox是直接繼承於Control的比較特殊,前三者是繼承於TextBoxBase的。接下來我們就簡單介紹下這幾個控制項。 1.1 - 多行 ...


1 - 文本控制項

我們熟悉的文本控制項不外乎TextBox,RichTextBox。在WPF中還有一個PasswordBox,不過區分於前者的區別就是PasswordBox是直接繼承於Control的比較特殊,前三者是繼承於TextBoxBase的。接下來我們就簡單介紹下這幾個控制項。

1.1 - 多行文本

對於TextBox而言通常用於存儲單行文本的並且能夠通過MaxLength屬性來設置字元的數量的,但是有時候我們需要大量的文本內容。這時候我們能夠將TextWarpping屬性設置為Wrap或者WrapOverflow。如果是前者,會在控制項邊緣直接換行。如果後者到了該換行的時候如果沒有發現合適位置換行會允許拉伸某些行超過右側邊緣的。這是兩者區別。

同時MaxLines和MinLines是設置最大行數和最小行數的。如果我們設置完最大行之後對應內容不夠顯示的時候我們可以設置VerticalScrollBarVisibility設置為Auto。此時滾動條也就直接能夠顯示出來。

直接貼圖片吧

直接繼承於Control的類。通過字元屏蔽實際字元(通過PasswordChar設置字元如*○等)且不支持複製

<PasswordBox
     x:Name="pd"
     Width="160"
     Margin="0,50"
     Password="123456"
     PasswordChar="^" />

2 - 列表控制項

簡單介紹下ListBox和ComboBox的使用。都繼承自ItemsControl類。Itemcontrol類添加了所有基於列表的控制項都使用的基本功能。

2.1 ListBox

簡單的ListBox示例

<ListBox Width="140" Margin="0,50">
    <ListBoxItem Content="男" />
    <ListBoxItem Content="女" />
    <ListBoxItem Content="其他" />
</ListBox>

其中ListBoxItem不僅僅只支持文本同樣跟其他設置content一樣可以多元化設置比如:

 <ListBox Width="140" Margin="0,50">
    <ListBoxItem>
        <ListBoxItem.Content>
            <StackPanel
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Orientation="Horizontal">
                <Image
                    Width="20"
                    Height="20"
                    Source="Images/1.png" />
                <TextBlock VerticalAlignment="Center" Text="男" />
            </StackPanel>
        </ListBoxItem.Content>
    </ListBoxItem>
    <ListBoxItem>
        <ListBoxItem.Content>
            <StackPanel
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Orientation="Horizontal">
                <Image
                    Width="20"
                    Height="20"
                    Source="Images/2.png" />
                <TextBlock VerticalAlignment="Center" Text="女" />
            </StackPanel>
        </ListBoxItem.Content>
    </ListBoxItem>
    <ListBoxItem>
        <ListBoxItem.Content>
            <StackPanel
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                Orientation="Horizontal">
                <Image
                    Width="20"
                    Height="20"
                    Source="Images/3.png" />
                <TextBlock VerticalAlignment="Center" Text="其他" />
            </StackPanel>
        </ListBoxItem.Content>
    </ListBoxItem>
</ListBox>

效果如下

同時也支持CheckBox

2.2 - ComboBox

與ListBox類似包含的是ComboBoxItem對象也是可以嵌套任意元素的內容控制項。區別在與一個是展示一個是下拉,下拉意味著只可以選擇一項。具體代碼就不演示了。可以自行操作一下

3 - 基於範圍的控制項

WPF提供了三個使用範圍概念的控制項

ScrollBar、ProgressBar以及之前我們用到過的Slider 他們都繼承於RangeBase類

雖然他們都是範圍控制項但是使用起來卻又很大區別,接下來我們簡單的一一介紹一下RangeBase的屬性。

Value:當前值

Maximum:最大值

Minimum:最小值

SmallChange:向上或者向下調整的數量

LargeChange:同上

通常Slider和ProgressBar更常用

3.1 - Slider

之前我們已經簡單使用過Slider了。接下來我們介紹下Slider的附加屬性

從本節開始介紹一個屬性開始演示一個屬性

1)Orientation 豎直滾動條和水平滾動條

2)Delay和Interval

說明:Delay指的是當你點擊時,反應的時間、Interval指的是你當前和你之後的響應時間

Demo如下

<Label Content="設置Delay" />
<TextBox Text="{Binding ElementName=t, Path=Delay}" />
<Label Content="設置Interval" />
<TextBox Text="{Binding ElementName=t, Path=Interval}" />
<Label Content="當前值" />
<TextBox Text="{Binding ElementName=t, Path=Value, Mode=TwoWay}" />

<Slider
x:Name="t"
Width="200"
Height="200"
Margin="0,30"
Maximum="1000"
Minimum="1"
Orientation="Horizontal" />

動圖中黃色代表滑鼠點擊,常亮代表一直按著沒放

3)TickPlacement 當為左右Slider時 設置TopLeft為上邊

設置BottomRight時在下邊

當為上下Slider時 設置TopLeft在左邊

當為上下Slider時 設置BottomRight時在右邊

當設置為Both時兩邊都有

設置為None時 沒有【預設為None】

4)TickFrequency 刻度

該屬性代表了在刻度尺上邊每個點代表多少。比如我們代碼中設置最大值為1000,刻度為50,則代表著界面上一共有20個點。如圖所示

此時如果我們將TickFrequency改為100則界面應該變為10個點

5)Ticks

效果如圖所示【為了能看得更清我將標尺顏色設置為Orange】

6)IsSnapToTickEnabled 預設跳轉合適位置預設為False

7)IsSelectionRangeEnabled

廢話不說直接上圖

其中我們需要設置SelectionStart和End 常見比如我們看電視的時候的進度條便是如此

至此基本的屬性已經說完了,另外比如我們需要設置每次滑動不允許有小數時可以這麼去處理

這樣的話我們滑動的時候就不會出現小數的情況了

至此Slider我們就說完了。

3.2 - ProgressBar

其中有個IsIndeterminate屬性是設置周期性從左到右的脈衝。相當於一個載入提示一樣。

ProgressBarDemo

<ProgressBar
    x:Name="pb"
    Width="200"
    Height="40"
    Margin="0,50"
    Maximum="100"
    Minimum="1"
    Value="1" />
<Button
    Width="120"
    Height="30"
    Click="Button_Click"
    Content="點我" />
private void Button_Click(object sender, RoutedEventArgs e)
{
    for (int i = 1; i < 101; i++)
    {
        pb.Dispatcher.Invoke(new Action<System.Windows.DependencyProperty, object>(pb.SetValue), System.Windows.Threading.DispatcherPriority.Background, ProgressBar.ValueProperty, Convert.ToDouble(i));
        Thread.Sleep(new Random().Next(10,200));
    }
}

效果

4 - 日期控制項

在WPF中包含了兩個日期控制項,分別是Calendar和DatePicker,都是能夠選擇日期的

Calendar:顯示日曆

DatePicker:與之前用的日期控制項大致相仿

我們先預覽一下這兩個控制項

接下來我們介紹一下兩者對應的屬性吧

1)DisplayDateStart和DisplayDateEnd

設置對應的日期範圍

2)BlackoutDates 分為Add對應時間段和AddDatesInPast當前時間之前的

3)SelectedDate 選中日期

4)SelectedDates 選擇的所對應日期 Calendar支持該屬性 且需要設置SelectionMode才允許Mode分別是MultipleRange SingleDate和SingleRange只有設置為允許選擇多個時才有用。

5)FirstDayOfWeek 日曆中首個星期幾

6) IsTodayHighLighted 今日是否高亮

7)DisplayMode 只能用於Calendar 指的是初始化顯示的方式 年月日

8) IsDropDownOpen 用於DatePicker 設置是否打開下拉日曆

9)SelectedDateFormat 選中日期格式

控制項小結

至此基礎控制項基本簡單介紹完成了。可以根據已經掌握的控制項搭建一個界面或者窗體進行小測試。不需要有對應業務實現,只是界面。

學習完之後我們能夠更容易創建設計WPF中的窗體。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 簡介 編程是一門藝術,就像繪畫和音樂一樣,需要創造力和想象力。編程的藝術在於它可以創造出獨特的、精美的、功能強大的程式。 在編程中,結構是一種重要的美學概念。好的結構可以使程式更加清晰、易於理解和維護。結構設計是通過分解問題和組織代碼來創造良好的程式結構的過程。 良好的程式結構需要滿足以下幾個方面: ...
  • 2023Java面試題最經典的問題之一了,非常經典的Java基礎知識,一定要學會! 在Java中,String類被設計成final,這意味著它的值在創建後不可更改。這是因為字元串在Java中使用廣泛,作為文本處理、網路通信等方面的核心數據類型。如果String類是可變的,那麼在使用時可能會出現安全問 ...
  • 最近發現一個不錯的免費開源學習項目:30天學會Python 如果您最近有學習Python的打算,不妨看看這個是否適合你? 項目地址:https://github.com/Asabeneh/30-Days-Of-Python 博客地址:https://blog.didispace.com/tj-30- ...
  • 最新版 IDEA 2022.3.2 中配置熱載入工具 DevTools 在SpringBoot開發調試中,如果我每行代碼的修改都需要重啟再調試,可能比較費時間;SpringBoot團隊針對此問題提供了spring-boot-devtools(簡稱devtools)插件,用此插件提升開發調試的效率。 ...
  • 前言 之前寫過一篇基於ML.NET的手部關鍵點分類的博客,可以根據圖片進行手部的提取分類,於是我就將手勢分類和攝像頭數據結合,集成到了我開發的電子腦殼軟體里。 電子腦殼是一個為稚暉君開源的桌面機器人ElectronBot提供一些軟體功能的桌面程式項目。它是由綠蔭阿廣也就是我開發的,使用了微軟的WAS ...
  • 最近在使用 Blazor 開發管理後臺時遇到瞭如下的問題,我這裡後臺整體採用了 AntDesignBlazor 組件庫,在上線之後發現ReuseTabs組件在使用過程中,如果預設 / 沒有指定為項目的base href,打開標簽頁後,相互切換會導致url錯誤。 本地開發的時候項目是直接啟動運行的,所 ...
  • 在DNF中,角色貼圖以.ani文件的坐標為中心,NPK中png的坐標為繪製坐標(坐上)進行繪製,繪製的結果如圖所示: 原點坐標-232,-333 原點坐標-232,-333 皮膚坐標207,224 皮膚坐標207,224 太刀柄194,264 太刀柄194,264 太刀刃213,283 太刀刃213 ...
  • 概述 非同步這個概念在不同語境下有不同的解釋,比如在一個單核CPU里開啟兩個線程執行兩個函數,通常認為這種調用是非同步的,但對於CPU來說它是單核不可能同時運行兩個函數,不過是由系統調度在不同的時間分片中執行。一般來說,如果兩個工作能同時進行,就認為是非同步的。在編程中,它通常代表函數的調用可以在不執行完 ...
一周排行
    -Advertisement-
    Play Games
  • 一個自定義WPF窗體的解決方案,借鑒了呂毅老師的WPF製作高性能的透明背景的異形視窗一文,併在此基礎上增加了滑鼠穿透的功能。可以使得透明窗體的滑鼠事件穿透到下層,在下層窗體中響應。 ...
  • 在C#中使用RabbitMQ做個簡單的發送郵件小項目 前言 好久沒有做項目了,這次做一個發送郵件的小項目。發郵件是一個比較耗時的操作,之前在我的個人博客裡面回覆評論和友鏈申請是會通過發送郵件來通知對方的,不過當時只是簡單的進行了非同步操作。 那麼這次來使用RabbitMQ去統一發送郵件,我的想法是通過 ...
  • 當你使用Edge等瀏覽器或系統軟體播放媒體時,Windows控制中心就會出現相應的媒體信息以及控制播放的功能,如圖。 SMTC (SystemMediaTransportControls) 是一個Windows App SDK (舊為UWP) 中提供的一個API,用於與系統媒體交互。接入SMTC的好 ...
  • 最近在微軟商店,官方上架了新款Win11風格的WPF版UI框架【WPF Gallery Preview 1.0.0.0】,這款應用引入了前沿的Fluent Design UI設計,為用戶帶來全新的視覺體驗。 ...
  • 1.簡單使用實例 1.1 添加log4net.dll的引用。 在NuGet程式包中搜索log4net並添加,此次我所用版本為2.0.17。如下圖: 1.2 添加配置文件 右鍵項目,添加新建項,搜索選擇應用程式配置文件,命名為log4net.config,步驟如下圖: 1.2.1 log4net.co ...
  • 之前也分享過 Swashbuckle.AspNetCore 的使用,不過版本比較老了,本次演示用的示例版本為 .net core 8.0,從安裝使用開始,到根據命名空間分組顯示,十分的有用 ...
  • 在 Visual Studio 中,至少可以創建三種不同類型的類庫: 類庫(.NET Framework) 類庫(.NET 標準) 類庫 (.NET Core) 雖然第一種是我們多年來一直在使用的,但一直感到困惑的一個主要問題是何時使用 .NET Standard 和 .NET Core 類庫類型。 ...
  • WPF的按鈕提供了Template模板,可以通過修改Template模板中的內容對按鈕的樣式進行自定義。結合資源字典,可以將自定義資源在xaml視窗、自定義控制項或者整個App當中調用 ...
  • 實現了一個支持長短按得按鈕組件,單擊可以觸發Click事件,長按可以觸發LongPressed事件,長按鬆開時觸發LongClick事件。還可以和自定義外觀相結合,實現自定義的按鈕外形。 ...
  • 一、WTM是什麼 WalkingTec.Mvvm框架(簡稱WTM)最早開發與2013年,基於Asp.net MVC3 和 最早的Entity Framework, 當初主要是為瞭解決公司內部開發效率低,代碼風格不統一的問題。2017年9月,將代碼移植到了.Net Core上,併進行了深度優化和重構, ...