導航:首頁 > 操作系統 > android界面設計教程

android界面設計教程

發布時間:2024-08-25 06:37:28

android app界面設計規范(dpi,dp,px等)

PPI(Pixels per inch):每英寸所擁有的像素數,即像素密度。
DPI(dots per inch):即每英寸上,所能印刷的網點數,一般稱為像素密度。ppi計算公式:ppi = 屏幕對角線像素數/屏幕對角線英寸數,通過勾股定理計算屏幕對角線像素數。
Screen Size(屏幕尺寸):手機屏幕尺寸大小,如3英寸、4英寸、4.3英寸、5.7英寸,指的是對角線的長度。
DIP(device independent pixel):即dip/dp,設備獨立像素。 1px = 1dp density(由dpi決定)
Resolution(解析度):指手機屏幕垂直和水平方向上的像素個數。eg解析度480
800,指該設備垂直方向有800個像素點,水平方向有480個像素點。
px(Pixel像素):相同像素的ui,在不同解析度的設備上效果不同。在小解析度設備上會放大導致失真,大解析度上被縮小。

Android Design里把主流設備的 dpi 歸成了四個檔次: 120 dpi、160 dpi、240 dpi、320 dpi ,具體見如下表格。
實際開發當中,我們經常需要對這幾個尺寸進行相互轉換(比如先在某個解析度下完成設計,然後縮放到其他尺寸微調後輸出),一般按照 dpi 之間的比例即 2:1.5:1:0.75 來給界面中的元素來進行尺寸定義。
也就是說如果以 160 dpi 作為基準的話,只要尺寸的 DP 是 4 的公倍數,XHDPI 下乘以 2,HDPI 下乘以 1.5,LDPI 下乘以 0.75 即可滿足所有尺寸下都是整數 pixel 。但假設以 240 dpi 作為標准,那需要 DP 是 3 的公倍數,XHDPI 下乘以 1.333,MDPI 下乘以 0.666 ,LDPI 下除以 2。而以 LDPI 和 XHDPI 為基準就更復雜了。同時第一款Android設備(HTC的T-Mobile G1)是屬於160dpi的。鑒於以上各種原因, 標准dpi=160

谷歌官方對dp的解釋如下:
A virtual pixel unit that you should use when defining UI layout, to express layout dimensions or position in a density-independent way.
The density-independent pixel is equivalent to one physical pixel on a 160 dpi screen, which is the baseline density assumed by the system for a "medium" density screen. At runtime, the system transparently handles any scaling of the dp units, as necessary, based on the actual density of the screen in use. The conversion of dp units to screen pixels is simple: px = dp * (dpi / 160). For example, on a 240 dpi screen, 1 dp equals 1.5 physical pixels. You should always use dp units when defining your application's UI, to ensure proper display of your UI on screens with different densities.

簡單來說,以160dpi的設備為准,該設備上1dp = 1px;如果屏幕密度大,1dip代表的px就多,比如在320dpi的屏幕上,1dip=2px(即1dp代表2個像素)。在app開發時,最好用dp來做界面的布局,以保證適配不同屏幕密度的手機。

dp和px的換算公式:

我的理解,該公式表示px的數值等於dp的數值*(設備dpi/160)
注意,px、dp是單位,但density沒單位。

applyDimension的源碼如下,可參考:

android的尺寸眾多,建議使用解析度為 720x1280 的尺寸設計。這個尺寸 720x1280中顯示完美,在 1080x1920 中看起來也比較清晰;切圖後的圖片文件大小也適中,應用的內存消耗也不會過高。

app啟動圖標為48*48dp,對應各dpi設備,圖像資源像素如下:

| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|48 48px|72 72px|94 96px|144px 144px|

操作欄圖標為32*32dp,對應各dpi設備,圖像資源像素如下:其中圖形區域尺寸是24*24dp,可參考平時ui切圖會有部分留白。

| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|32 32px|48 48px|64 64px|96px 96px|

通知欄圖標為24*24dp,對應各dpi設備,圖標像素如下:

| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|24 24px|36 36px|48 48px|72px 72px|

某些場景需要用到小圖標,大小應當是16*16dp,其中圖形區域尺寸12*12dp。

| mdpi | hdpi | xhdpi | xxhdpi |
| ---:| ---: | ---:| ---:| ---:|
|16 16px|24 24px|32 32px|48px 48px|

Ⅱ androidapp界面設計按什麼尺寸

androidapp界面設計是按720*1280的,切圖上可以點9切圖做到所有手機的適配。

狀態欄、導航欄和主菜單欄,以720*1280的尺寸來設計,那麼狀態欄的高度應為50px,導航欄的高度96px,主菜單欄的高度96px,因為是開源的系統,這里的數值也只能作為參考。

Android為了區別於IOS,從4.0開始提出了一套HOLO的UI風格設計風格,鼓勵將底部的主菜單欄放到導航欄下面,從而避免點擊下方材料誤點虛擬按鍵,很多APP的新版中也採用了這一風格。

(2)android界面設計教程擴展閱讀:

注意事項:

1、通常情況要定位一個Icon只需給出上/下邊距,左/右邊距,標注圖標距離只需標到可點擊范圍外

通用型顏色、字體單獨標明一份,通用型模塊只需單獨標明一份,如導航欄。

2、手機可視區域通常為寬度固定,長度超出邊界可滑動,所以標注物體寬度時可按比例說明,如果要標注內容上下居中,左右居中,或等比可不標注。

3、當交付的是一張完整圖片時,不需做機型適配,只需給高清圖(1920*1080)即可,注意進行壓縮

4、若圖標在不同頁面重復出現,且尺寸相差不大,直接給出最大一份切圖,並在圓形圖標明尺寸,程序會根據需求縮放。

5、當背景是純色時只需給出色值,Android使用16進制色值。

參考資料來源:網路-Android

參考資料來源:網路-界面設計

參考資料來源:網路-狀態欄

參考資料來源:網路-導航欄

參考資料來源:網路-開源系統

參考資料來源:網路-切圖

參考資料來源:網路-UI設計

Ⅲ 如何設計android4.4規范的像素1080x1920的界面

1、尺寸以及解析度:Android的界面尺寸比較流行的有:480*800、720*1280、1080*1920,我們在做設計圖的時候建議是以480*800的尺寸為標准;2、界面基本組成元素:界面基本組成元素包括:狀態欄+導航欄+主菜單欄+內容區域;以480*800的尺寸為標准下的各個元素的高度(其實導航欄和菜單欄每一個應用都或許不一樣,android對於尺寸沒有太明確的數據規范)如下:3、字體:Android系統中,DroidSans是默認字體,與微軟雅黑很像;4、操作欄:1、」操作欄」對於Android應用來說是最重要的設計元素,它通常在應用運行的所有時間都呆在屏幕頂部;2、操作欄的基本布局:1向上+2Spinner視圖控制+3重要操作按鈕+4操作:其中,向上按鈕,點擊後是去到當前界面的上一個層級,非第一層級界面有此按鈕,第一層級界面則無向上按鈕;Spinner是用於展示內容的下拉菜單,其內容包括視圖的快速切換和顯示相關內容的完整信息;操作(actionoverflow)是集合操作欄中不常用的和非重要操作的地方。5、多面板布局:多面板布局的是針對平板電腦,把手機端的目錄視圖和詳情視圖兩個層級的界面,甚至的頁面,復合展示在同一個界面中,有效地利用平板電腦的屏幕空間,扁平化層級結構,簡化導航。這點在iPad上已經運用得相當嫻熟了。6、選擇:Android4.0中的長按與Android2.3及更早期的版本有很大的不同。早期版本長按操作後,是出現情境菜單的浮出層。在Android4.0中,長按後在操作欄的位置會覆蓋一個臨時的情境操作欄,不再彈出情境菜單浮出層。在臨時情境操作欄的環境下,當前界面的內容項允許被單個處理,也允許被批量處理。7、返回和向上:返回按鍵用在手機全局的虛擬導航欄中,基於用戶最近查看的界面歷史,採用時間倒序的方式,連接界面間的關系。向上按鈕用在操作欄的左側,基於層級結構,點擊後是去到當前界面的上一個層級,若當前界面已經是最高一級,則沒有向上按鈕。8、主題樣式:推出三套默認主題:Holo淺色主題、Holo深色主題、Holo淺色底+深色操作欄主題。主推app在這三套默認主題的基礎上做設計,以加快app研發效率,但只是建議使用,並沒有完全強制。9、觸摸與反饋:用戶觸摸應用中的可操作區域,應當在視覺上有響應,微小的反饋會給用戶帶來很好地效果;10、按鈕:1、按鈕的3種表現形式如下圖:2、對於僅包括圖標的按鈕,不需要使用背景色;11、滑塊:滑塊的幾種表現形式如下圖:12、進度條:如果某個操作需要花費很長的時間,就需要用進度條的指示和旋轉圈的形式來表示:1、如果你可以知道當前任務完成的比例,那麼使用進度條,讓用戶了解大約還需要多久才能完成;2、當使用旋轉圓圈時,不要配以文字標簽。旋轉的圓圈已經表明了正在進行後台操作。13、開關:用戶通過開關作出選擇,包括3種形式:復選框+單選按鈕+開關;1、復選框:用戶可以在一個集合中作出多個選擇:2、單選按鈕:單選按鈕允許用戶在一個集合中做一次選擇;3、開關:開關控制單個選項的狀態;14、對話框:應用通過對話框讓用戶作出決定或者填寫一些信息,1、對話框的左邊一般情況下是取消按鈕,右邊是確定按鈕;

Ⅳ Android程序界面設計有哪些方式

一、 界面布局之線性布局(LinearLayout)
這種布局比較常用,也比較簡單,就是每個元素佔一行,把它按照橫向排放,也就是每個元素佔一列。在布局中都按照垂直或者水平的順序依次排列子元素,每一個子元素都位於前一個元素之後。
二、 界面布局之相對布局(RelativeLayout)
相對布局是android界面設計中比較常用和好用的一個布局方式。
三、 界面布局之表格布局(TableLayout)
表格布局採用行、列的形式來管理元素組件。TableLayout的行和列不需要聲明,而是採用添加方法控制。
每次在TableLayout中添加一個TableRow,一個TableRow就代表表格中的一行,也同樣是容器,往裡面添加一個子組件就代表增加一列。在表格布局中,列的寬度由最寬的那個單元格決定,整個表格布局寬度取決於父容器的寬度
四、 界面布局之絕對布局(AbsoluteLayout)
特點:以坐標的方式來定位在屏幕上的位置,引起缺乏靈活性,在沒有絕對定位的情況下相比其他類型的布局更難維護
五、 界面布局之幀布局(FrameLayout)
FrameLayout是五大布局中最簡單的一個布局。在幀布局中,整個界面被當成一塊空白備用區域,所有的子元素都不能被指定放置的位置,它們統統放於這塊區域的左上角,並且後面的子元素直接覆蓋在前面的子元素之上,將前面的子元素部分和全部遮擋。

Ⅳ 怎樣設計android系統的用戶界面請簡述界面布局方式

1 學習原生軟體的界面開發,而且最好還是看一些開源的,無論從設計的角度還是從開發的角度都是極好的。
比如優秀的作品很多,這些不開源學習界面就好,開源的可以看看系統的應用。和系統本身結合的非常好,設計風格和系統也很統一,給用戶較好的體驗。
2 確定整體產品色彩基調,色彩基調可以從產品功能中提取,也可以從產品LOGO中提取;
3 做出界面原型,包括功能布局、頁面交互等元素;
4 在界面原型基礎上進行色彩添加,進一步的細節調整;
5 有了好的外形基礎後,再就是回歸到用戶體驗。記住用戶才是第一位的。交互設計通常靠外形吸引用戶,但真正留住用戶的是細節上的人性化。讓這些極簡的設計細節控制用戶的生活習慣,最終讓用戶離不開它們!根據用戶使用體驗反饋再次修改界面,不斷完善。

Ⅵ 「手把手教你設計」—12個最佳手機APP界面設計教程

UI/UX 設計確實是需要一定的和學識才能真正在這個行業立足,並不是所有想成為設計師的人最後都能如願以償。他需要對設計有基本的了解,清楚設計的基本原則。

用戶界面設計師和其他行業設計面臨一樣的挑戰,那就是用戶是怎麼想他們產品的,是否功能易用?是否美觀讓人愉悅?所以,我們可以看出UI設計是關於平衡可用性和可視化的。

這篇文章集合了12個最佳手機用戶界面設計的教程,雖然教程偏向初學者,但我相信即使是很優秀的設計師仍然可以從中學到新的東西。

如何使用Photoshop來設計手機UI界面1.How To Set Up Photoshop For UI Design

如果你是Photoshop的新手,又在做UI設計,這個教程教你如何使用常用的Photoshop設置來達到更好的效果。本文是以iPhone為實例告訴你怎麼在UI設計中使用Photoshop,完全是初學者的教程。

2.How to Design an iPhone App in Photoshop

這篇文章將為我們介紹使用Adobe Photoshop為iPhone設計一個簡單的3頁目錄列表應用程序。並且將一步步地指導你完成這些步驟,還涵蓋了使用Photoshop設計iPhone應用程序的所有基本原則。

3.Design an App Landing Page in Photoshop

在這個教程中,我們可以看到一個應用程序著陸頁的詳細設計過程。設計師使用Tuts Android應用程序進行演示,強調其功能和優勢,利用多個CTA來完善整個著陸頁的設計。

4.How To Design a Mobile App Signup Screen in Adobe Photoshop

如果你想要設計一個像Facebook或者Instagram這樣成功的登錄界面設計,那麼這個完全是你必看的基礎教程,視頻中教你如何選擇顏色,設計按鈕以及詳細的步驟來展示登錄界面的設計過程。視頻雖然是四年前的,但是裡面的設計依舊不過時。

如何使用Sketch來設計手機UI界面1.A Step-by-Step GUIde for Starting a New App Design Project inSketch

開始一個新的設計項目是很難的,無論你是自由設計師,還是在知名的產品公司工作,時常會感到迷茫。本文將一步步的教你如何使用Sketch開始一項新的APP設計項目。

2.Food App UI • Sketchapp Tutorial / Sketch4 Tutorial

視頻主要是介紹如何使用Sketch製作一個美食類APP 菜單欄UI設計,簡單易懂。

3.Sketch 3 for iOSApp Design Step by Step

Sketch 3是一款優秀的矢量設計和圖形程序,很適合用於設計iOS應用程序。在這個視頻中,設計師使用Sketch 3來設計一個iPhone APP用戶界面。

這篇文章是進階版的APP 設計教程,從理論到具體的例子講解,非常受益。

4.Sketch App Tutorial – Build a music app landing page inSketch

Sketch 作為當下主流的設計工具,似乎有超越Photoshop的趨勢。本視頻介紹的是如何使用Sketch來製作一個音樂APP登錄頁設計,可以說是手把手的教程,每一步都非常的詳細細致,非常適合初學者。

看了前面的音樂類APP登錄界面的教程, 你是否也想設計出一個屬於自己的音樂APP呢?接下來我將介紹如何通過結合Sketch和原型設計工具設計一款音樂類的APP(Prototype an music app with prototyping tool)

TIMING

這款原型音樂類的APP在Mockplus設計大賽中斬獲頭籌,設計師通過採用Sketch以及Mockplus的結合,做出了高保真原型。這個APP主要體現一種復古的視覺效果,磁帶轉動的效果是這次視覺上的設計重點。

必讀的手機界面UI設計好文1.The 10 principles of mobile interface design

計算機和手機是人們日常工作和生活必備的通訊工具。但在許多方面,手機往往更加強大,手機更加的私人化,與我們的聯系更緊密。鑒於移動手機和計算設備之間的許多差異,移動設計與桌面設計的設計大不相同。這篇文章詳細的向我們介紹了移動界面設計的基本原則,幫助設計師們開發移動應用程序的獨特力量。

2.UIDesign Do』s and Don』ts

iOS良好的優化了用戶面設計,並提供給用戶優質且具有吸引力的用戶體驗。在開始你的iOS設計之前,一定要清楚Apple官網的關於iOS常見的設計原則,來在增強手機應用的可用性和吸引力。更多關於優秀的iOS界面設計,請閱讀《》。

3.How to use colors in UIDesign

顏色可以說在UI設計中至關重要。用的好,那就成功了一半,用不好,可能導致整個應用失敗。在你的配色方案中,最好只使用三種主色跳,使用的顏色越多。越難實現平衡。這篇文章不但提到基礎的用色知識加上實例解釋,還有常用的工具介紹。

4.10 Best APP UIDesign for Your Inspiration

每位UI設計師都夢想著做出最出色的界面(UI)設計, 能夠脫穎而出的手機界面設計則少之又少。設計師們在設計UI界面時,往往會參考來自不同設計師的設計,這篇文章列出了2017年最出色的的10個手機應用界面設計範例,給設計師們謀福利。

總結

移動設計不斷地在發展,如果你想跟上這個時代,你需要不斷閱讀和觀看高質量的教程或文章。在本文中,我收集12個最佳教程的示例來教初學者如何學習手機UI界面設計,希望你們能從中受益。

Mockplus

作者:jongde

Ⅶ app界面展示圖怎麼畫-如何用ps進行androidapp界面設計圖

如何做界面UI設計的展示圖

UI設計中製作界面圖標的流程:

1、圖標創意階段;

2、草圖繪制階段;

3、草圖渲染階段。

補充:

1、在PS中新建一個所需尺寸的畫布並保存,將其命名為UI設計效果圖模板。

2、再新建一個畫布,命名為界面UI設計效果圖展現。尺寸隨意。

3、將剛才保存的界面UI設計效果圖模板.psd拖到畫布中。Ctrl加T變換到合適的尺寸,傾斜到合適的透視效果。

4、然後雙擊界面UI設計效果圖模板這個圖層即可。

補充:UI即用戶界面的簡稱。泛指用戶的操作界面,包含移動APP,網頁,智能穿戴設備等。UI設計主要指界面的樣式,美觀程度。而使用上,對軟體的人機交互、操作邏輯、界面美觀的整體設計則是同樣重要的另一個門道。好的UI不僅是讓軟體變得有個性有品味,還要讓軟體的操作變得舒適、簡單、自由,充分體現軟體的定位和特點。

怎樣快速做出一個APP的預覽界面

1,藉助第三方預覽軟體或網站

LiveViewforiPhone&iPadMobileApplicationDesign&PrototypingTool

酷站官網:

如何在iPhone和iPad的等終端預覽你的設計圖,這里詳細介紹使用方法。

最簡單的辦法就是

一種方法是你將設計圖保存成圖片,同步至iPhone,然後使用圖片瀏覽的方式查看。

還有一種就是原型設計方法了,你可以將實現的效果通過Phonegap技術生成app,發布到終端進行查看。下面推薦幾個可以同步預覽的軟體。

騰訊出品的一款iOSapp:Psplay除主要的同步預覽PS畫面外,還有快照留存、畫布設置、email/微信分享等貼心的功能。

工具官方網站地址:

國內程序師的預覽程序Protoview,有iPad端和Mac端,支持WIFI直接同步,可預覽PSD、JPG、PNG格式的圖,mac端推圖進去,iPad馬上就顯示了,超好用!在iTunesStore里有。如果你是程序員,應該會知道怎麼用,呵呵

2、架一個WebHTTP服務,在全屏瀏覽器里看。這也是最方便最好用的方法。

3、給iphone或ipad發個郵件就行,帶個圖片附件,然後你打開郵件預覽。原理跟2是一樣的。

4、DIY一個webAPP頁面,直接在瀏覽器訪問,在head裡面加上相應的代碼,用safari的webclip保存到桌面還可以預覽一下icon的效果。

<metaname=」apple-mobile-web-app-capable」content=」yes」/>

<metaname=」apple-mobile-web-app-status-bar-style」content=」black」>

如何用ps進行androidapp界面設計圖

用AI做,或者用iconworks,ps也可以單個做,但是不是很好,我也是做設計的,爬山裡面的圖層命名雙擊你要重新命名的圖層就行了

Ⅷ android設計界面時控制項有多種排列方法,其中常用布局方式有

在android中我們常用的布局方式有這么幾種:LinearLayout (線性布局),RelativeLayout (相對布局),TableLayout (表格布局),AbsoluteLayout (絕對布局),FrameLayout (幀布局)。LinearLayout 和 RelativeLayout 應該又是其中用的較多的兩種。AbsoluteLayout 比較少用(我自己還沒用過),因為它是按屏幕的絕對位置來布局的如果屏幕大小發生改變的話控制項的位置也發生了改變。這個就相當於HTML中的絕對布局一樣,一般不推薦使用。LinearLayout 顧名思義就是一條條的將控制項布置下去,線性布局分為水平線性和垂直線性二者的屬性分別為

android:orientation="horizontal" android:orientation="vertical" 。xmlns:android="http://schemas.android.com/apk/res/android" 很多人對這個感到困惑,其實它就是一個命名空間。RelativeLayout 相對布局。裡面的每個控制項之間的關系都是相對的。如果不設置相對關系的話默認擺放在屏幕左上角。重要屬性如下:

android:layout_toRightOf="@id/city" :與id為city的控制項的右邊對齊。

android:layout_alignTop="@id/city" : 與id為city的控制項的頂部對齊。

給出示意圖如下所示:

android:layout_width="fill_parent" android:layout_height="wrap_content" 我一般在線性布局裡面套相對布局,這時候需要注意上面兩個屬性相對布局的寬度可以設置為填充父控制項,但是高度一般不要設置為填充父控制項因為這樣的話我想在相對布局外面在放控制項就沒有效果了因為屏幕已經被相對布局全部占據。

不管是用什麼布局,寬度與高度這兩個屬性一定要弄清楚剛開始的時候我經常會發現有些控制項沒顯示在界面上或者占據了整個屏幕,一檢查原來是這里設置錯了。還有不要忘記這兩個屬性在一般控制項中都是不可或缺的,忘記設置的話就會報錯。

Ⅸ 如何設計android的登錄界面

在網上在到一個登錄界面感覺挺不錯的,給大家分享一下~先看效果圖:

這個Demo除了按鈕、小貓和Logo是圖片素材之外,其餘的UI都是通過代碼實現的。

?

一、背景

背景藍色漸變,是通過一個xml文件來設置的。代碼如下:

background_login.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:andro>
<gradient
android:startColor="#FFACDAE5"
android:endColor="#FF72CAE1"
android:angle="45"
/>
</shape>


startColor是漸變開始的顏色值,endColor是漸變結束的顏色值,angle是漸變的角度。其中#FFACDAE5中,FF是Alpha值,AC是RGB的R值,DA是RGB的G值,E5是RGB的B值,每個值在00~FF取值,即透明度、紅、綠、藍有0~255的分值,像要設置具體的顏色,可以在PS上的取色器上查看設置。

?

?

二、圓角白框

效果圖上面的並不是白框,其實框是白色的,只是設置了透明值,也是靠一個xml文件實現的。

background_login_div.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:andro>
<solid android:color="#55FFFFFF" />
<!-- 設置圓角
注意: bottomRightRadius是左下角而不是右下角 bottomLeftRadius右下角-->
<corners android:topLeftRadius="10dp" android:topRightRadius="10dp"
android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp"/>
</shape>

?

三、界面的布局

界面的布局挺簡單的,就直接貼代碼啦~

login.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:andro
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/background_login">
<!-- padding 內邊距 layout_margin 外邊距
android:layout_alignParentTop 布局的位置是否處於頂部 -->

<RelativeLayout
android:
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="15dip"
android:layout_margin="15dip"
android:background="@drawable/background_login_div_bg" >
<!-- 賬號 -->
<TextView
android:
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_marginTop="5dp"
android:text="@string/login_label_username"
/>
<EditText
android:
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="@string/login_username_hint"
android:layout_below="@id/login_user_input"
android:singleLine="true"
android:inputType="text"/>
<!-- 密碼 text -->
<TextView
android:
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/username_edit"
android:layout_marginTop="3dp"
android:text="@string/login_label_password"
/>
<EditText
android:
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/login_password_input"
android:password="true"
android:singleLine="true"
android:inputType="textPassword" />
<!-- 登錄button -->
<Button
android:
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/password_edit"
android:layout_alignRight="@id/password_edit"
android:text="@string/login_label_signin"
android:background="@drawable/blue_button" />
</RelativeLayout>

<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<TextView android:
android:text="@string/login_register_link"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:textColor="#888"
android:textColorLink="#FF0066CC" />
<ImageView android:
android:src="@drawable/cat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_marginRight="25dp"
android:layout_marginLeft="10dp"
android:layout_marginBottom="25dp" />
<ImageView android:src="@drawable/logo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toLeftOf="@id/miniTwitter_logo"
android:layout_alignBottom="@id/miniTwitter_logo"
android:paddingBottom="8dp"/>
</RelativeLayout>
</LinearLayout>

閱讀全文

與android界面設計教程相關的資料

熱點內容
c編譯器發布視頻 瀏覽:801
python絕配 瀏覽:647
2017年安卓機皇是什麼手機 瀏覽:830
程序員做手工製作 瀏覽:142
如何將伺服器沉入水裡 瀏覽:448
如何在屏幕上不顯示常用app 瀏覽:508
python3課程 瀏覽:175
java8編程開發入門 瀏覽:952
如何找出文件夾中同一尺寸的圖片 瀏覽:681
bg在伺服器是什麼意思 瀏覽:899
java資源下載 瀏覽:530
程序員學習的游戲軟體 瀏覽:929
編程里的面向90度是哪個方向 瀏覽:84
pdf游標 瀏覽:581
java發布web項目 瀏覽:467
圖形化拖拽編程框架 瀏覽:233
飢荒android版 瀏覽:569
福建編程機構萬 瀏覽:322
烽火交換機命令 瀏覽:584
win10uefilinux 瀏覽:837