在做UI設(shè)計時,您需要掌握什么樣的發(fā)展知識
有些朋友有疑問,您是否需要掌握一些發(fā)展知識來進(jìn)行UI設(shè)計?
我認(rèn)為有必要了解,但沒有必要過于深入研究。
那么你怎么理解?讓我教你一種方法(你需要一個Android手機(jī)來做到這一點(diǎn),但如果你有一個蘋果手機(jī)沒關(guān)系,你還會在閱讀這篇文章后獲得一些東西?。?/p>
今天的大綱如下:
1.首先找到開關(guān)以打開頁面布局
2.了解布局中的三個元素
3.舉個例子
4.需要注意的事項
今天的大綱如下:
1.首先找到開關(guān)以打開頁面布局
2.了解布局中的三個元素
3.舉個例子
4.需要注意的事項
1.首先找到開關(guān)以打開頁面布局
我們需要打開開關(guān),首先顯示頁面布局,這是我們今天學(xué)習(xí)的基礎(chǔ)。
首先打開Android手機(jī)的設(shè)置頁面:
查找“開發(fā)人員選項”,然后單擊以輸入:
然后查找“顯示布局邊界”,打開交換機(jī)后,您將獲得以下頁面,具有各種幀:
這是我們今天要學(xué)習(xí)的效果?,F(xiàn)在可能看起來有點(diǎn)鈍,但是當(dāng)我將它介紹給您時,您將了解開發(fā)和實施頁面的基本原則!

2.了解布局中的三個元素
如果您想了解原則,您必須知道框架上方的各種形式的框架和顏色!
事實上,只要我們仔細(xì)觀察,我們會發(fā)現(xiàn)只有三種形式的內(nèi)容。
首先:
這種矩形是控制區(qū)域,可能包含文本,按鈕,圖片等!
第二種類型:
該紫色矩形是指控制之間的間距。
第三種類型:
只剩下白區(qū)域,這是嚴(yán)格的透明區(qū)域。這部分內(nèi)容是控制內(nèi)的間距:
知道這三個內(nèi)容,如果你再看看這個頁面,你會知道開發(fā)兄弟如何實現(xiàn)這個頁面?
如果您仍然不明白,讓我們舉個例子。
3.舉個例子
讓我們看看如何實現(xiàn)以下領(lǐng)域:
通過這種方式,完成了一段內(nèi)容的布局,然后把東西放在相應(yīng)的地方!
4.需要注意的事項
讓我說要注意的話,我們在我們的工作中經(jīng)常遇到的問題,請參閱下面的圖片:
兩行文本(紅色部分中的12像素)之間存在一個空間,但是當(dāng)我們查看開發(fā)布局時:
兩個文本控件之間沒有空間。
換句話說,實際上,字體控制本身在頂部和底部之間具有一定的間隔。如果我們此時仍然將間距標(biāo)記為12個像素,則線間距將大于設(shè)計選秀,因此請務(wù)必使效果圖標(biāo)注釋考慮良好,因此在后來的實施中它將不可避免地進(jìn)行微調(diào)。
總結(jié)一下
如果沒關(guān)系,您可以查看開發(fā)的布局,以便您對頁面實現(xiàn)更深入了解。
(北京java培訓(xùn)靠譜的機(jī)構(gòu))