matlab gui实例_App Designer 自学实例8
生活随笔
收集整理的這篇文章主要介紹了
matlab gui实例_App Designer 自学实例8
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
今天講講HTML組件的實例。HTML組件是R2019b版本才正式推出的，給APP界面設計增添了無限可能，光憑一兩篇文章要說完不現實。所以今天只能舉幾個例子介紹一下，拋磚引玉吧。HTML的中文名叫超文本標記語言。超文本標記，粗俗的講就是用來設計外觀，所以它與C語言，Java等程序設計語言有著本質的區別(但是HTML設計中可以嵌入JavaScript等程序設計語言用于提供交互性)。總之，HTML在界面設計上是一流的，當今互聯網上的網頁絕大部分都由HTML設計。相比而言，matlab中GUIDE或者App Designer工具在界面設計方面就顯得十分的蒼白。所以，為了使自家的界面設計得更加美觀和現代，matlab對HTML語言進行了部分兼容。我們從GUIDE和App Designer兩個方面來介紹HTML的使用。一、GUIDE結合HTML經常有人會問：如何修改表格中某個單元格的字體顏色，如何給按鈕添加背景圖片，如何敲出復雜的公式等等，這些都可以用HTML語言來解決。下圖是我做個一個小示例，篩選了幾種常用的HTML標記。這個示例是在列表框中顯示各種格式的字體樣式，按理說在GUIDE中是辦不到這種效果的，但是結合HTML就可以。具體的程序如下所示：str=cell(1,9);str{1}='';str{2}='';str{3}='';str{4}='';str{5}='';str{6}='';str{7}='';str{8}='';str{9}='';set(handles.listbox1,'string',str);大家可以自己新建一個guide界面，拖入一個列表框，把列表框的字體大小調到20，然后把上述的程序段復制到你的OpeningFcn中，運行就可以出來和上圖一樣的效果。關于HTML語法的介紹我就不多說了。對照著上述的語句以及運行出來的效果，應該能模仿著去應用。實在搞不定的可以加我微信私聊。總的來說，GUIDE中可以運用HTML語言去設置組件中的文本屬性(如各個組件的string屬性，Data屬性等，部分組件無法使用HTML)，對文本進行字體，顏色，格式等方面的修改。二、App?Designer結合HTMLApp Designer自2016版被推出來后，有心人會發現它好像不兼容HTML了，無法再用HTML對AD中的組件樣式進行改變。不過到了2019b版本，AD直接推出了HTML組件，雖然目前HTML組件還有待改進(比如還無法鏈接URL在線網頁資源)，但是之后的版本肯定是要更加完善的。2.1 打開AD，在左側組件庫中第一個組件就是HTML組件。將其拖入到畫布中。2.2?在右側的檢查器中可以看到HTML組件的HTMLSource屬性。我們在上一個例子中隨便挑一個樣式，比如給字體添加顏色那一句：將這一句復制到HTMLSource屬性里(不要加字符串符號''，也可以不要)。可以看到如下第一張圖的效果，這是因為HTML組件的大小是不會根據里面的內容而變更的，畫布上是多大，顯示就是多大。所以需要自己根據內容的大小調整一下組件大小，第二張圖就是理想的結果。2.3?看到這里，你是不是覺得HTML就只能變一變文本樣式？那就大錯特錯了。要論組件庫，HTML的組件庫是AD組件庫的祖師爺。看看下面這個畫布，這上面顯示的所有東西都是用HTML編出來的。并且每種組件都是自帶各種屬性，可以通過Javascript進行程序設計，還能與matlab進行互連。由于實在太多樣式了，我只能列出冰山一角，大家感興趣的可以自己去學學HTML。運行一下試試。比如密碼輸入框這個組件，當你往框中輸入時，是不會顯示你輸入內容的；比如輸入時間這個框，只能輸入符合時間格式的數值。這么復雜的功能，是不是需要很復雜的程序？不用。這都是HTML已經編好的了，你只要一句命令調用就行了。經常能聽到大神說隨便敲幾十行命令就編出一個復雜的APP出來，多半是用編程式GUI結合HTML編出來的。上面這個示例每個組件對應的HTML語句如下所示：輸入框 <input type="text" value="請輸入數值">input>密碼輸入框 <input type="password">input>提交按鈕 <input type="submit">input>重置按鈕 <input type="reset">input>普通按鈕 <input type="button">input>圖片式提交按鈕 <input type="image" src="1.png">input>滑動條 <input type="range">input>搜索框 <input type="search">input>文件選擇框 <input type="file">input>復選框 <input type="checkbox">input>單選框 <input type="radio">input>顏色選擇框<input type="color">input>輸入時間<input type="time">input>輸入日期<input type="data">input>2.4此外，利用HTML還可以很輕松的添加音樂播放器和視頻播放器：視頻播放HTML語句如下：<html><body style="background-color:white;font-family:arial;"><p style="padding-left:20px">視頻播放:《少年俠》p ><video width="320" height="240" controls style="padding-left:20px"><source src="少年俠.mp4" type="video/mp4"><source src="少年俠.ogg" type="video/ogg">Your browser does not support the video tag.video>body>html>音樂播放HTML語句如下：<html><body style="background-color:white;font-family:arial;"><p style="padding-left:20px">播放：《少年俠》:p ><audio?controls?style="padding-left:20px"><source?src="少年俠.wav"?type="audio/wav"><source src="少年俠.oga" type="audio/ogg">Your browser does not support the audio tag.audio>body>html>(我在程序中用到音樂，視頻，圖片等，大家自己在操作的時候記得換成自己的文件名)總的來說，就是利用HTML組件可以讓你的界面做得非常花哨。今天所講的HTML的相關應用，其實并不具備多大的可操作性，因為我并沒有講到如何將HTML控件和AD中的程序運行聯系起來。一來大部分人沒學過HTML，講具體了也看不懂。二來大家多數也是做畢設或者期末作業的，界面好不好看倒不是最關鍵的，能運行的通才是應該考慮的事情。三來我自己也是個HTML菜雞，不敢班門弄斧啊。下次會具體講如何用HTML組件造出好看的按鈕出來，并實現程序的互通，只是個小例子，希望能給大家一些啟發。
總結
以上是生活随笔為你收集整理的matlab gui实例_App Designer 自学实例8的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 数据采集中的采样率、缓冲区大小以及，每通
- 下一篇： Adaboost算法原理以及matlab