[TouchGFX] [STM32F4] Use TouchGFX to design GUI on STM32F429I Disc1/使用TouchGFX設計STM32F429I Disc1開發板的圖形介面

This example shows how to use TouchGFX to design GUI on LCD of STM32F429I Disc1 Board.
One progress indicator and two buttons are used in this example.There are two examples of demonstrating interactions of the button to interact with the circleProgress indicator:
1. setValue
2. Call New Virtual Function --> Use VS code to modify code generated by TouchGFX
Tab "Run Simulator" to see the effect of the code.
Tab "Run Target" to download the code to STM32F429I Disc1 board.
這個範例說明如何使用TouchGFX設計STM32F429I-Disc1 開發板上LCD的圖形介面。有兩個按鈕與一個circle Progress顯示項被使用在這的範例上，有兩個範例說明按鈕與circle Progress顯示項的互動:
1. 設定數值
2. 呼叫新的虛擬函數 -->使用VS code去修改TouchGFX產生的程式碼

 按下Run Simulator去看看模擬的效果。
按下Run Target去將程式燒錄在STM32F429I Disc1開發版。

 


We will share more tutorial videos with people who want to learn LabVIEW and Python welcome to subscribe this channel.
未來會陸續更新影片，讓想學習LabVIEW和Python的朋友可以看影片學習，歡迎訂閱此頻道。 其他網址/related websites:
https://labview-tech.blogspot.com/
https://fishark.pixnet.net/blog
email: jacklee3633@gmail.com
Line: lvnet

留言

張貼留言

這個網誌中的熱門文章

使用VS code開發Python程式 - Matplotlib繪圖

圖片
這一篇為如何在VS code的IDE 中用python開發matplotlib， 程式碼如下: #%% from matplotlib import pyplot as plt import numpy as np x = np.linspace( 1 , 10 , 20 ) print (x) y = 3 * x + 2 fig = plt.figure() axes = fig.add_axes([ 0.1 , 0.1 , 0.9 , 0.9 ]) axes.plot(x, y, 'r' ) plt.show() #%% 使用#%%會出現Run Cell字樣，按下Run Cell，可以執行Python Interactive視窗，
閱讀完整內容

使用Pycharm開發Python程式與用Matplotlib繪圖

圖片
本篇介紹使用Pycharm開發Python程式與用Matplotlib套件繪圖。 1.  建立新專案並新增python檔案matplot.py 2. 在Pycharm中安裝matplotlib套件， 打開File-->Setting，找到Project Interpreter，點“+”添加   搜尋matplotlib後，安裝該套件。 3. 加入程式碼: from matplotlib import pyplot as plt import numpy as np x = np.linspace( 1 , 10 , 20 ) print (x) y = 3 * x + 2 fig = plt.figure() axes = fig.add_axes([ 0.1 , 0.1 , 0.9 , 0.9 ]) axes.plot(x , y , 'r' ) plt.show() 其中 (1) linspace的用法為:         numpy.linspace(start, stop, num=50, endpoint=True, retstep=False, dtype=None)               np.linspace(1,10,20)        #表示在1與10之間分20個點。  (2)  add_axes: 新增子區域      fig.add_axes(0.1,0.1,0.9,0.9)      #figure的百分比,從figure 10%的位置開始繪製, 寬高是figure的90% 5. 讓matplotlib繪圖變成浮在開發環境上，意思是讓figure浮窗 選擇File--->Settings--->Tools--->Python Scientific" 取消勾選Show plots in tool window
閱讀完整內容

[Python][tkinter] Build tkinter GUI 使用tkinter建立圖形視窗

圖片
This example shows how to build a GUI by using tkinter. 1. Import tkinter 2. build a window named "win". 3. window format 1: title() 4. window format 2: geometry() determine size and initial position(x,y) 5. window format 3: maxsize() set max size of a window 6. Build Button component and give a string to text 7. Use pack to arrange Button on left side 8. Build Label component and give a string to text 9. Use pack to arrange Build Label on right side 10. use mainloop() to keep window running for monitoring and handling events 這個範例介紹如何使用tkinter建立圖形視窗。 #1. 引入tkinter #2. 建立一個名為win的新視窗 #3. 視窗格式: 標題 Title() #4. 視窗格式: 設定視窗啟動時的大小與位置 geometry("寬x長+x位移+y位移") #5. 視窗格式: 設定視窗最大尺寸 maxsize(int長,int寬) #6. 建立Button元件，按鍵文字 Text = "" #7. Button元件布局 pack(side='left') 靠左 #8. 建立Label元件，按鍵文字 Text = "" #9. Label元件布局 pack(side='right') 靠右 #10. mainloop()在使用者關閉視窗之前持續偵測視窗並處理事件               import  tkinter  as  tk   win = tk.Tk
閱讀完整內容