C# WPF聯繫人列表（1

微信公眾號：Dotnet9，網站：Dotnet9，問題或建議：請網站留言， 如果對您有所幫助：歡迎讚賞。

閱讀導航

1. 本文背景
2. 代碼實現
3. 本文參考

1.本文背景

聊天軟件大家用的比較多，用WPF做個聯繫人列表試試。

本文效果如下：

聯繫人列表

2.代碼實現

使用 .Net CORE 3.1 創建名為 “Chat” 的WPF項目，添加 MaterialDesignThemes(3.0.1)、MaterialDesignColors(1.2.2)兩個Nuget庫，文中部分圖片可在文末視頻配套源碼中下載。

2.1 引入MD控件樣式文件

使用MD控件的常規操作，需要在App.xaml中引入4個樣式文件

<code><application>    <application.resources>        <resourcedictionary>            <resourcedictionary.mergeddictionaries>                <resourcedictionary>                <resourcedictionary>                <resourcedictionary>                <resourcedictionary>            /<resourcedictionary.mergeddictionaries>        /<resourcedictionary>    /<application.resources>/<application>/<code>

2.2 界面佈局

純粹的佈局代碼：

<code><window>    <grid>        <grid.columndefinitions>            <columndefinition>            <columndefinition>            <columndefinition>        /<grid.columndefinitions>        <grid>        <stackpanel>            <stackpanel>                <image>                <button>                    <packicon>                /<button>            /<stackpanel>            <textbox>            <grid>                <grid.columndefinitions>                    <columndefinition>                    <columndefinition>                    <columndefinition>                    <columndefinition>                /<grid.columndefinitions>                <button>                    <packicon>                /<button>                <button>                    <packicon>                /<button>                <button>                    <packicon>                /<button>                <button>                    <packicon>                /<button>            /<grid>            <listview>                <listviewitem>                    <grid>                        <grid.columndefinitions>                            <columndefinition>                            <columndefinition>                            <columndefinition>                        /<grid.columndefinitions>                        <border>                            <border.background>                                <imagebrush>                            /<border.background>                        /<border>                        <border>                        <stackpanel>                            <textblock>                            <textblock>                        /<stackpanel>                        <border>                            <textblock>                        /<border>                    /<grid>                /<listviewitem>            /<listview>        /<stackpanel>    /<grid>/<window>/<code>

2.2.3 窗體拖動

後臺代碼

<code>private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e){    DragMove();}/<code>

本文略短，原作者視頻也有22分鐘，看視頻學習吧。

3.參考

1. 學習視頻：C# WPF Design UI – 1/3 – Contact List
2. 視頻配套源碼：Chat

除非註明，文章均由 Dotnet9 整理發佈，歡迎轉載。

轉載請註明本文地址：https://dotnet9.com/6941.html

閱讀更多 沙漠盡頭的狼 的文章

關鍵字: XAML 軟件