1. 程式人生 > >關於UI設計的Layout_margin和Padding

關於UI設計的Layout_margin和Padding

Layout_margin

layout_marginTop: 該控制元件距離上面控制元件的最小距離

layout_marginBottom: 該控制元件距離下面控制元件的最小距離

layout_marginLeft和layout_marginRight同理

單獨layout_margin是該控制元件上下左右都留有的同樣的距離

如果上面控制元件和下面控制元件都設定了layout_marginBottom和layout_marginTop,那麼二者的距離就是layout_marginBottom和layout_marginTop相加的距離。

對於上一個控制元件的理解:對於Linearlayout而言,layout_marginTop就是對父控制元件的距離,此時想要設定控制元件與相鄰控制元件的距離需要人為制定:android:layout_below="@id/project"。而對於RelativeLayout而言,是兩個控制元件的距離。

Padding

Padding是設定內容與控制元件邊框的上下左右距離的

PaddingTop:設定內容與上邊框的距離

PaddingBottom,PaddingLeft,PaddingRight與此類似


相關推薦

關於UI設計Layout_marginPadding

Layout_marginlayout_marginTop: 該控制元件距離上面控制元件的最小距離layout_marginBottom: 該控制元件距離下面控制元件的最小距離layout_marginLeft和layout_marginRight同理單獨layout_mar

android UI設計圖片文字尺寸px對應dp、sp值換算

螢幕尺寸:指螢幕的對角線長度,單位是英寸,1英寸等於2.54釐米,常見尺寸有2.4,2.8,3.5,3.7,4.2,5.0,5.5,6.0等。 螢幕解析度:指在縱橫向上的畫素點數,單位是px,1px為一個畫素點,一般格式為縱向畫素*橫向畫素,如1960*1080。 螢幕畫素密度:相同尺寸

Andorid 佈局layout_marginpadding分析

很長時間對於margin和padding的作用區別模糊,不知道有什麼區別。 這次經過試驗終於搞清楚了: margin是控制元件或者佈局的整體區域,相對於父佈局以及周圍控制元件和佈局的上下左右的距離。 padding是當前控制元件或者佈局的有效區域(比如下圖中紅色的文字輸入框

UI設計規範整理一iOS字體切圖及規範

icon 頁面設計 nologin 例如 必須 協作 設計規範 ogr 喜歡 UI設計規範一iOS字體和切圖及規範 說明: 1.對象為程序員等開發人員。 2.方法有千種,僅供參考。 3.文檔的本質是備份與查看,對外方便協作與對內提升效率。 4.文檔不是萬能的,如果文檔查看

關於UI設計的心得體會-alphabeta交界期間

重點 又能 基礎上 功能 例如 行為 有一點 註意 一起 經過了一段時間大作業的進行,我不斷刷新著自己對UI設計的認識和體會,現總結如下。 UI即User Interface,即用戶界面,在我剛剛接觸它時,我曾經把它和“版式”、“視覺設計”等同,後來我發現這

android 使用者登陸註冊UI設計之 edittext (就是輸入使用者名稱密碼的文字框)

大家好,今天帶了的是承接上一個部落格 的ui設計 今天是針對文字框的設計  讓文字框變得更加美觀  追求良好的使用者互動。 今天有兩個步驟:1.搞定 兩個介面的佈局  2.讓文字框變得美觀,而且具有點選效果 先給大家展示效果圖:我們可以看到 兩個介面的主題是一致的   

Android UI設計形成原理(實現三級選單)

本次要實現的是動態編碼之三級選單的實現,在實際應用開發中經常會使用到三級選單,比如商城專案中的省市區,分類等等。 問題:介面載入是一次性new 大量的控制元件還是先載入一級選單,點選一級選單載入他對應的二級選單 答:這個很明顯是後者更符合開發思維,因為客戶不可能每個級別都一

介紹幾款UML建模、資料庫設計UI設計工具

我把我用過的設計工具介紹給大家,大家可以看看。 1.Rational Rose 很多人說Rose不好用,但是我覺得還是挺好用的,用了七八年了,主要是用熟了,而且也沒有什麼大毛病 2.XDE 2003 .Net裡面,你可以用XDE,但是隻有for visual studio

南通學UI設計web前端設計的區別

經常會有同學問南通博得的老師:我是一名學習廣告設計的學生,對於設計並不陌生,但是還是欠缺些火候,所以我想為了自己再學習一把,想找一家UI設計培訓學校,但是我又看到了 博得宣傳有Web前端開發課程,這兩課程有什麼區別?     所謂UI設計:userinter face designer使用者介面設計,通常包括

實現一個LinearLayout中包含一個TextView一個EditText,點選EditText是,整個LinearLayout都獲取焦點,主要用於登入介面賬號密碼輸入框的UI設計

最近在製作一個專案的登陸介面UI的時候,由於沒有專業美工的作圖,很多素材都是要自己去搜集,有時候難免去“盜用”其他作品中的圖片,然而圖片大小等方面適配都不太理想,邊邊角角的空隙處理也不嚴謹。       在賬號密碼輸入框的樣式設計的時候,要實現一個LinearLayout中

針對iPhone的pt、Android的dp、HTML的css像素與dpr、設計尺寸物理像素的淺分析

display 基本 stand 理解 android開發 height 請問 技術 -a   最近被一朋友問到:css中設置一DOM的height:65px,請問顯示的高度是否和Android的65dp的元素等高?腦子裏瞬間閃現了一堆的概念,如dpr,ppi,dp,pt等

從web前端到UI設計頁面重構的組合

Web前端開發就是HTML/CSS/JavaScript/Flash等各種Web技術,增加交互功能,同時結合後臺開發技術模擬整體效果,進行豐富互聯網的Web開發,致力於通過技術改善用戶體驗。 以一個網站為例包括網站設計、前端開發、程序開發等,這是一個由淺及深、由表及裏的過程。網站設

MFC的UI更新機制加速鍵的創建

mod 方法 實現 標簽 設置 term cif item radio 近期在看《MFC Windows程序設計》這本書,正好看到更新菜單中的菜單項和加入菜單項的加速鍵這方面的內容,下面總一下總結。 MFC提供的更新菜單項的機制例如以下: 通過消

四個基礎的UI設計原則

ui設計UI設計師想要減少改稿次數,拒絕產品經理“加一道光”的需求,首先要學會不靠感覺做設計。今天這篇文章從設計原則的重要性談起,總結了四個UI的基本設計原則,讓你每一個元素界面都有理有據,適合剛入門的設計師,一起來學習ui設計吧。  圖形設計大師Paul Rand(保羅·蘭德)曾經說過:  “設計絕不是簡單

(QT)在命令行編譯ui文件程序

不能 lease eas ets 編譯 分享 min des cmd 1.新建helloworld_2文件夾,將helloworld裏的main.cpp和hellodialog.cpp兩個文件復制過來。 2.打開控制臺。此時不能用cmd,否則不能出最後的結果(lz在運行到m

etcd raft library設計原理使用

aa早在2013年11月份,在raft論文還只能在網上下載到草稿版時,我曾經寫過一篇blog對其進行簡要分析。4年過去了,各種raft協議的講解鋪天蓋地,raft也確實得到了廣泛的應用。其中最知名的應用莫過於etcd。etcd將raft協議本身實現為一個library,位於https://github.com

5.為什麽要做設計評審測試用例評審

敏捷開發 int 而不是 又一 mage 系列 img 時序圖 his 敏捷開發系列文章目錄 設計評審和測試用例評審我們都是叠代的第二天做,一般會給開發人員半天的時間思考一下他自己故事的設計,然後抽出1-2個小時進行設計評審,設計評審完後就做測試用例

UI設計中最常用的顏色

UI設計 UI顏色 平面設計 網頁設計 界面設計 可能你已經猜到這篇文章寫的是藍色。毫無疑問,藍色是UI設計中最常用的顏色之一,也是我們最常見的顏色之一。智能手機中的應用圖標,你會發現很多都是藍色的。如:Facebook、Twitter、Shazam、Safari等。 那

UI設計顏色選擇器WEB版的

顏色 android ongl com music baidu .com andro roi aNDROID%E4%BB%BF%E6%94%AF%E4%BB%98%E5%AE%9D%E9%A5%BC%E5%9B%BE%E6%95%88%E6%9E%9C http://mu

關於Android的margin(當前視圖與周圍視圖的距離)padding(當前視圖與內部內容的距離)

utf mas 關於 roi pad code odi ren cnblogs <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.an