استفاده از Grid Layout برای سفارشی کردن ظاهر برنامه در MATLAB 

موسسه پایا پروژه به عنوان متصدی انجام پروژه های متلب  وظیفه ی خود می داند که در راستای آموزش نرم افزار متلب  گام های موثری را بردارد. با توجه به اینکه یک دوره آموزشی متلب مستلزم تمرین و تلاش بسیار است. اما این موسسه تلاش می کند سهم کوچکی در جهت یادگیری شما داشته باشد.

 

در انجام این پروژه متلب نحوه استفاده از Grid Layout برای سفارشی کردن ظاهر برنامه در متلب را یاد می گیریم. در این مقاله با استفاده از قابلیت طرح بندی شبکه ای متلب با روش های مختلف دو برنامه ایجاد می کنیم و خواهیم دید که چیدمان شبکه برای سفارشی سازی ظاهر اپلیکیشن در متلب اساساً طرح‌بندی شبکه‌ای به معنای طرح‌بندی است که در گوشه‌ای از برنامه‌ای که ما با استفاده از متلب ایجاد کرده‌ایم نشان داده شده است، ایجاد طرح‌بندی شبکه‌ای در متلب بسیار ساده است.

سه روش انجام پروژه:

1.      با استفاده از uidropdown در پروژه متلب:

در این روش ابتدا عنوان را تعریف می کنیم و سپس با استفاده از روش uidropdown عملکرد گزینه را ایجاد می کنیم که در آن سه گزینه را اضافه می کنیم و با استفاده از عملکرد uibutton متلب سه دکمه را می سازیم و سپس موقعیت و همچنین موقعیت را مشخص می کنیم. اندازه طرح بندی شبکه که زمانی که کد خود را در متلب اجرا می کنیم نشان داده می شود. به این ترتیب می‌توانیم طرح‌بندی شبکه‌ای را ایجاد کنیم که در آن سه گزینه کشویی ایجاد کرده‌ایم و همچنین سه دکمه را با استفاده از قابلیت طرح‌بندی شبکه در متلب ایجاد کرده‌ایم.

 

مثال 1:

;f = uifigure(‘Name’,’Grid Layout Example’);

g = uigridlayout(f,[3 3]); % create 3×3 grid layout

 create drop-down menus and buttons in grid layout%

;d1 = uidropdown(g,’Items’,{‘Option 1′,’Option 2′,’Option 3’})

;d2 = uidropdown(g,’Items’,{‘Option A’,’Option B’,’Option C’})

;d3 = uidropdown(g,’Items’,{‘Option X’,’Option Y’,’Option Z’})

;b1 = uibutton(g,’Text’,’Button 1′)

;b2 = uibutton(g,’Text’,’Button 2′)

;b3 = uibutton(g,’Text’,’Button 3′)

 specify position of components in grid layout%

;g.Layout.Row = [1 1 2 2 3]

;g.Layout.Column = [1 2 1 2 3]

 specify sizes of components in grid layout%

;d1.Layout.ColumnSpan = 2

;b1.Layout.RowSpan = 2

;b3.Layout.RowSpan = 2

خروجی:

 

 

2.      روش uislider :

 در این پروژه متلب ابتدا عنوان را در کد MATLAB می نویسیم و سپس طرح شبکه 2*2 را ایجاد می کنیم سپس با تعریف محدوده اسلایدر به کمک روش uislider اسلایدر را ایجاد می کنیم و سپس موقعیت اسلایدر را در برنامه خود مشخص می کنیم.

سطر و ستون را به این ترتیب تعریف کنید و به سادگی می توانیم اسلایدر را در متلب با استفاده از قابلیت طرح بندی شبکه ای ایجاد کنیم.

 

مثال 2:

 Code%

;f = uifigure(‘Name’,’Grid Layout Example’)

g = uigridlayout(f,[2 2]); % create 2×2 grid layout

 create sliders in grid layout%

;s1 = uislider(g,’Limits’,[0 100],’Value’,50)

;s2 = uislider(g,’Limits’,[0 1],’Value’,0.5)

;s3 = uislider(g,’Limits’,[0 10],’Value’,5)

;s4 = uislider(g,’Limits’,[0 360],’Value’,180)

 specify position of sliders in grid layout%

;g.Layout.Row = [1 1 2 2];

g.Layout.Column = [1 2 1 2]

خروجی:

 

 

3.      روش uibutton :

در این رویکرد انجام پروژه متلب، عنوان اول را در متلب ایجاد کردیم و سپس طرح شبکه 3*3 را ایجاد کردیم و سپس با استفاده از قابلیت uitextarea متلب، ناحیه متنی را تعریف کردیم و سپس با استفاده از دکمه uibutton، دکمه را تعریف کردیم و پس از تعریف تمامی این توابع، موقعیت برنامه ما با استفاده از تعیین اندازه سطر و ستون با استفاده از کد متلب.

 

مثال 3:

 Code%

;f = uifigure(‘Name’,’Grid Layout Example’)

g = uigridlayout(f,[3 3]); % create 3×3 grid layout

create text and buttons in grid layout%

;t1 = uitextarea(g,’Value’,’Text 1′)

;t2 = uitextarea(g,’Value’,’Text 2′)

;t3 = uitextarea(g,’Value’,’Text 3′)

;b1 = uibutton(g,’Text’,’Button 1′)

;b2 = uibutton(g,’Text’,’Button 2′)

;b3 = uibutton(g,’Text’,’Button 3′)

;b4 = uibutton(g,’Text’,’Button 4′)

;b5 = uibutton(g,’Text’,’Button 5′)

 specify position of components in grid layout%

;g.Layout.Row = [1 1 1 2 2 2 3 3 3]

;g.Layout.Column = [1 2 3 1 2 3 1 2 3]

specify sizes of components in grid layout%

;t1.Layout.RowSpan = 2

;t2.Layout.ColumnSpan = 2

;b3.Layout.RowSpan = 2

;b4.Layout.ColumnSpan = 2

 

خروجی:

 

منبع:

https://www.geeksforgeeks.org/using-grid-layout-to-customize-the-app-appearence-in-matlab/