小麥子-WPF學習系列3：一個完整的介面案例

阿新 • • 發佈：2019-02-17

    這次看一個大點的程式碼，需要有Grid面板知識，視訊裡面有，這裡對程式碼做個解析。
    ![先看介面，一個串列埠除錯軟體](https://img-blog.csdn.net/20171128235929942?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjk3MDE3MTU=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

<Window x:Class="Wpf串列埠通訊程式.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="501.1" Width="733"  >     
    <Grid>
        <Grid >
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="118"/>
            </Grid 
.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="122"  MinWidth="122" MaxWidth="200"/>
                <ColumnDefinition Width="5"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid 
>
                <Grid.RowDefinitions>
                    <RowDefinition Height="157"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="26*"/>
                        <ColumnDefinition Width="35*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="10*"/>
                        <RowDefinition Height="20*"/>
                        <RowDefinition Height="20*"/>
                        <RowDefinition Height="20*"/>
                        <RowDefinition Height="20*"/>
                        <RowDefinition Height="20*"/>
                        <RowDefinition Height="32*"/>
                    </Grid.RowDefinitions>
                    <TextBlock Text="串   口" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,3,10,3" Grid.Row="1" Height="16" Width="35"/>
                    <TextBlock Text="波特率" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,3,10,3" Grid.Row="2" Height="16" Width="36"/>
                    <TextBlock Text="檢驗位" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,3,10,3" Grid.Row="3" Height="16" Width="36"/>
                    <TextBlock Text="資料位" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,3,10,3" Grid.Row="4" Height="16" Width="36"/>
                    <TextBlock Text="停止位" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,3,10,4" Grid.Row="5" Height="16" Width="36"/>
                    <ComboBox Name="cbPortName" FontSize="10" Grid.Column="1" Grid.Row="1" Margin="2,1,10,1"/>
                    <ComboBox Name="cbBaudRate" FontSize="10" Grid.Column="1" Grid.Row="2" Margin="2,1,10,1"/>
                    <ComboBox Name="cbParity" FontSize="10" Grid.Column="1" Grid.Row="3" Margin="2,1,10,1"/>
                    <ComboBox Name="cbDataBits" FontSize="10" Grid.Column="1" Grid.Row="4" Margin="2,1,10,1"/>
                    <ComboBox Name="cbStopBits" FontSize="10" Grid.Column="1" Grid.Row="5" Margin="2,1,10,1"/>
                    <Ellipse Name="comState" Style="{StaticResource EllipseStyleRed}" Grid.Row="6" HorizontalAlignment="Left"
                             Width="20" Margin="15,8,0,7"/>
                    <Button Name="btOpenCom" Content="開啟串列埠" Grid.Column="0" Margin="50,6,10,6" Grid.Row="6" Grid.ColumnSpan="2"
                            Click="btOpenCom_Click" />
                </Grid>
                <Grid Grid.Row="1">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="25"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>

                    <Button Name="btClearView" Content="清空顯示" Margin="10,5,53,0" Grid.Row="0" Click="btClearView_Click"></Button>
                    <Button Visibility="Hidden" Content="停止顯示" Grid.Row="1" Margin="10,0,53,0"></Button>
                    <Button Visibility="Hidden" Content="儲存顯示" Grid.Row="4" Margin="10,0,53,0"></Button>
                    <Button Visibility="Hidden" Content="更改" Grid.Row="4" Margin="74,0,10,0"></Button>
                    <Button Visibility="Hidden" Content="搜尋空閒串列埠" Grid.Row="6" Margin="10,2,30,2"></Button>
                    <CheckBox Visibility="Hidden" Name="ckAutoClear" Content="自動清空" Margin="10,2,0,0" Grid.Row="2" Height="16" VerticalAlignment="Top"/>
                    <CheckBox Name="ck16View" Content="16進位制顯示" Margin="10,2,0,2" Grid.Row="3" Click="ck16View_Click"/>
                </Grid>
            </Grid>
            <GridSplitter Grid.Column="1" HorizontalAlignment="Stretch" Width="5"/>
            <Grid Name="grdSend" Grid.Row="1" Grid.ColumnSpan="3">
                <Grid.RowDefinitions>
                    <RowDefinition/>
                    <RowDefinition Height="32"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="192"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <TextBox TextWrapping="Wrap" Name="tbSend" Grid.Column="1" Margin="3,0,0,0" AcceptsReturn="True" TextChanged="tbSend_TextChanged" Grid.RowSpan="2"></TextBox>
                <Rectangle Fill="#FFACACAC" Width="1" HorizontalAlignment="Right" Grid.RowSpan="2"></Rectangle>
                <Button Name="btSend" Content="傳送" Margin="118,7,6,55" Click="btSend_Click" VerticalContentAlignment="Top"/>
                <Button Name="btExpend" Content="擴充套件" Margin="118,37,6,25" VerticalContentAlignment="Top" Click="btExpend_Click"/>
                <CheckBox Name="ck16Send" Content="16進位制傳送"  Margin="10,5,100,0" VerticalAlignment="Top" Click="ck16Send_Click"/>
                <CheckBox Name="ckAsciiView" Content="顯示Ascii碼"  Margin="10,22,90,0" VerticalAlignment="Top" Click="ckAsciiView_Click"/>
                <CheckBox Name="ckAdvantechCmd" Content="加回車符傳送"  Margin="10,39,90,0" VerticalAlignment="Top" Click="ckAdvantechCmd_Click"/>
                <CheckBox Name="ckAutoSend" Content="自動傳送"  Margin="10,56,100,0" VerticalAlignment="Top" Click="ckAutoSend_Click"/>
                <TextBlock Name="tbkIntervalTime" HorizontalAlignment="Left" Margin="33,74,0,0" TextWrapping="Wrap" Text="間隔(s)" VerticalAlignment="Top" Grid.RowSpan="2"/>
                <TextBox Name="tbIntervalTime" HorizontalAlignment="Left" Margin="83,72,0,0" Text="0" VerticalAlignment="Top" Width="50" TextChanged="tbIntervalTime_TextChanged" Grid.RowSpan="2"/>
            </Grid>
            <TextBox VerticalScrollBarVisibility="Auto" IsReadOnly="True" Name="tbReceive" Grid.Column="2" Margin="0,1,0,0" TextWrapping="Wrap"></TextBox>
            <StatusBar Name="statusBar1"  Height="20" Grid.Row="3" Grid.ColumnSpan="3" VerticalAlignment="Bottom" Margin="0">
                <TextBlock Text="狀態："></TextBlock>
                <TextBlock Name="tbComState" Text="0" MinWidth="150"></TextBlock>
                <Separator Background="#FFC9C6C6"/>
                <TextBlock></TextBlock>
                <TextBlock Text="接收："></TextBlock>
                <TextBlock Name="txtRecive" Text="0" MinWidth="100"></TextBlock>
                <Separator Background="#FFC9C6C6"/>
                <TextBlock Text="傳送："></TextBlock>
                <TextBlock Name="txtSend" Text="0"></TextBlock>
            </StatusBar>
            <Separator Height="1" Grid.Row="1" Grid.ColumnSpan="3" Margin="0,0,0,20" VerticalAlignment="Bottom"/>
            <Rectangle Fill="#FFACACAC" Grid.Row="1" Grid.ColumnSpan="3" VerticalAlignment="Top"  Height="1"/>
            <Rectangle Fill="#FFACACAC" Grid.Column="1" Width="1" HorizontalAlignment="Left"/>
            <Border Name="bdExpend" BorderBrush="#FFD6D6D6" BorderThickness="1" Margin="1,1,1,1"
                Grid.Column="2" HorizontalAlignment="Right" Width="200">
                <Grid Name="gdExpend">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="10*"/>
                        <ColumnDefinition Width="67*"/>
                        <ColumnDefinition Width="23*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="30"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock Text="Hex" Grid.ColumnSpan="2" VerticalAlignment="Bottom"/>
                    <TextBlock Text="傳送字串" Grid.Column="1" VerticalAlignment="Bottom" HorizontalAlignment="Center"/>
                    <TextBlock Text="傳送" Grid.Column="2" VerticalAlignment="Bottom" HorizontalAlignment="Center"/>
                </Grid>
            </Border>
        </Grid>
    </Grid>
</Window>

小麥子-WPF學習系列3：一個完整的介面案例

這次看一個大點的程式碼，需要有Grid面板知識，視訊裡面有，這裡對程式碼做個解析。 ![先看介面，一個串列埠除錯軟體](https://img-blog.csdn.net/20171128235929942?watermark/2/text/aH

強化學習系列3：Open AI的baselines和Spinning Up

1. Baselines簡介 Baselines是一個傳統強化學習的資源庫，github地址為：https://github.com/openai/baselines Baselines需要python3的環境，建議使用3.6版本。安裝openmpi和相關庫(tensorflow、gym

機器學習與深度學習系列連載：第二部分深度學習（十五）迴圈神經網路 3（Gated RNN - GRU）

迴圈神經網路 3（Gated RNN - GRU） LSTM 是1997年就提出來的模型，為了簡化LSTM的複雜度，在2014年 Cho et al. 提出了 Gated Recurrent Units (GRU)。接下來，我們在LSTM的基礎上，介紹一下GRU。主要思路是： •

機器學習與深度學習系列連載：第二部分深度學習（十二）卷積神經網路 3 經典的模型（LeNet-5，AlexNet ，VGGNet，GoogLeNet，ResNet）

卷積神經網路 3 經典的模型經典的卷積神經網路模型是我們學習CNN的利器，不光是學習原理、架構、而且經典模型的超引數、引數，都是我們做遷移學習最好的源材料之一。 1. LeNet-5 [LeCun et al., 1998] 我們還是從CNN之父，LeCun大神在98年提出的模

nginx系列3：搭建一個靜態資源web服務器

log 一個 blog 配置文件 ons rgb mar tro style 搭建靜態資源web服務器1，創建靜態頁面在nginx的安裝目錄（/usr/local/nginx）下創建文件夾webapplications/helloworld，然後創建一個名為index.ht

如何用Baas快速在騰訊雲上開發小程式-系列3 ：實現騰訊雲COS API呼叫

一、實驗簡介本實驗通過呼叫騰訊雲物件儲存（COS）介面，實現將圖片上傳到指定的 Bucket 功能；同時封裝圖片上傳介面，用於上傳商品圖片。二、實驗目標掌握 RESTFul API 介面呼叫和除錯方法掌握 RESTFul API 封裝方法三、實驗步驟

機器學習與深度學習系列連載：第二部分深度學習（六）深度學習技巧3（Deep learning tips- Early stopping and Regularization）

深度學習技巧3（ Early stopping and Regularization）本節我們一起探討 Early stopping and Regularization，這兩個技巧不是深度學習特有的方法，是機器學習通用的方法。 1. Early stopp

Python學習筆記3：簡單文件操作

name n) popu 元素 close nes pla () eof # -*- coding: cp936 -*- # 1 打開文件 # open(fileName, mode) # 參數：fileName文件名稱 # mode打開方式 # w

Spark學習筆記3：鍵值對操作

對象常用 ava java 參數通過頁面 ascend 處理過程鍵值對RDD通常用來進行聚合計算，Spark為包含鍵值對類型的RDD提供了一些專有的操作。這些RDD被稱為pair RDD。pair RDD提供了並行操作各個鍵或跨節點重新進行數據分組的操作接口。 Sp

機器學習筆記(3)：多類邏輯回歸

display images 可能 https 都沒有 -s labels 明顯交叉仍然是動手學嘗試學習系列的筆記，原文見：多類邏輯回歸 — 從0開始。這篇的主要目的，是從一堆服飾圖片中，通過機器學習識別出每個服飾圖片對應的分類是什麽（比如：一個看起來

struts2框架學習筆記3：獲取servletAPI

ucc ati ica 實現以及 vax color style http Struts2存在一個對象ActionContext（本質是Map），可以獲得原生的request，response，ServletContext 還可以獲得四大域對象（Map），以及param參

OpenCV學習筆記3：圖像模糊作用和方法

希望 ont 去模糊 image title name 聽說但是意義一、意義和作用：圖像的模糊處理就是將圖片處理的更加模糊，如下圖，左側是原圖，右側是經過處理之後的圖片。從主觀意願上說，我們希望看到清晰的圖像，而不是模糊的圖像。所以很多時候我們聽說還有一種專門進

學習筆記-小甲魚Python3學習第一講：我和python的第一次親密接觸

idl print alt 什麽舉例 nag pat 程序員分享測試題： 0、python 是什麽類型的語言？python是一種腳本語言 IDLE 是什麽？是一種python shell，類似於windows的cmd窗口和linux的shell print()

學習筆記-小甲魚Python3學習第二講：用Python設計第一個遊戲

拼接 ilove lov love tab fish ins 小甲魚 cti 測試題：什麽是BIF？built-in function,是python內置函數的意思，python內置了非常多的函數，方便程序員直接調用，快速編寫腳本程序用課堂上小甲魚教的方法數一數

學習筆記-小甲魚Python3學習第三講：小插曲之變量和字符串

days 舉例 string 開頭方便 hour 轉義情況為什麽測試題：以下哪個變量的命名不正確？為什麽？ (A) MM_520 (B) MM520 (C) 520_MM (D) _520_MM C，變量名可以用字母、數字、下劃線命名，但是不能以數字

學習筆記-小甲魚Python3學習第五講：閑聊之python數據類型

轉換 water != utf-8 import tex 表示程序 type 數據類型：整型、浮點型、布爾型整型：1、234、54浮點型：12.234、2.3e5 = 230000.0、1.5e-3 = 0.0015布爾型：True、False。True + True 返

Python學習筆記3：多線程的示例一

set range int lse color cos star als read 基於python3.6,使用threading模塊實現： 1 import threading 2 import time 3 4 def run(n): 5 prin

機器學習與深度學習系列連載：第二部分深度學習(二）梯度下降

梯度下降 Gradient Decent 我們回憶深度學習“三板斧”，選擇神經網路定義神經網路的好壞選擇最好的引數集合其中步驟三，如何選擇神經網路的好壞呢？梯度下降是目前，最有效的方法之一。方法：我們舉兩個引數的例子

Git學習系列3 建立本地版本庫及新增檔案

在上一節 Git學習系列2 初配置及結構完成之後，本節學習建立版本庫及新增檔案。本節的演示環境為windows（10）系統。一選擇建立的路徑選擇一個沒有中文的路徑。我的選擇的路徑為F:\github\git-learn. 在開始選單中啟動Git Ba

Qt學習筆記3：Qt工程的目錄結構

經過前兩篇的學習，已經可以使用Qt空專案模板建立自己的工程了。通過本篇的學習，整理一下如果使用Qt工程的目錄結構，使專案更規範和容易管理。當前的目錄結構如圖所示，這是前篇中建立的工程，只有main.cpp和widget.cpp、widget.h三個檔案，直接放在了一個目錄下，

小麥子-WPF學習系列3：一個完整的介面案例

相關推薦