?onscreen

onscreen發(fā)音

英：[?nsk'ri:n]　　美：[?nsk'ri:n]

英：　　美：

onscreen中文意思翻譯

adv； adj.；在銀幕上(的)

onscreen常見例句

1 、onscreen performance───屏幕上性能

2 、Onscreen, John Wayne was a blunt talker and straight shooter.───在熒屏上,約翰·韋恩是一個(gè)直言不諱、一針見血的人。

3 、On the Home page, click the Status Report tab, choose an activity in the Actions pane, and follow the onscreen instructions to fill in information and set up the report.───在主頁上,單擊“狀態(tài)報(bào)告”選項(xiàng)卡,在“操作”窗格中選擇一種活動(dòng),然后按屏幕指導(dǎo)填寫信息并建立報(bào)告。

4 、If the user then releases the mouse button, the onscreen button will not be activated (which is consistent with the lack of pliant response).───接著，如果使用者釋放了鼠標(biāo)按鍵，則按鈕就不會(huì)被觸發(fā)（這和缺少受范響應(yīng)是一致的）。

5 、The OLAP provider typically sends only the MDX query string to the server, and the server returns only the cells and member names that you see onscreen.───OLAP提供者通常只是將MDX查詢字符串發(fā)送給服務(wù)器，而服務(wù)器返回的也只是您在界面上看到的單元格和成員的名稱。

6 、Onscreen caption: Americans have $11.5 trillion invested in pension funds.───字幕：美國有11.5萬億的資金投資在退休基金。

7 、Onscreen caption: Robert Rubin called an urgent meeting at the Treasury.───字幕：羅伯特魯賓召集了財(cái)政部緊急會(huì)議。

8 、Press and hold the Menu and Next buttons on the remote for about 5 seconds, until a chain link symbol appears onscreen.───按住**器的Menu和Next按鈕不放,保持約5秒,直到一個(gè)鏈條符號(hào)出現(xiàn)在屏幕上。

9 、Increase the decimal precision shown onscreen.───增加屏幕上顯示的小數(shù)精度。

10 、The monitor is programmed via infrared remote control with an onscreen display menu.───監(jiān)控器通過紅外**的屏幕顯示菜單編輯程序。

11 、Press and hold the Eject key at the top-right corner of your Apple keyboard until the eject symbol appears onscreen.───按住您的Apple鍵盤右上角的彈出鍵,直到彈出符號(hào)出現(xiàn)在屏幕上。

12 、A shade under 6' tall and wiry, with a mane of increasingly iron-grey hair and an unemotional, meticulous delivery, he had an energetic onscreen presence.───擁有6英尺高瘦削的身材，加以如鬃毛一般，逐漸變成鐵灰色的頭發(fā)，以及一副嚴(yán)謹(jǐn)而毫無感情的腔調(diào)，庫欣的銀幕形象極具活力。

13 、Camtasia Studio includes picture-in-picture recording, making it possible to show both the presenter and the PowerPoint slides onscreen simultaneously.───Camtasia Studio包括畫中畫錄制,從而可以在屏幕上同時(shí)顯示演示者和PowerPoint幻燈片。

14 、Onscreen,John Wayne was a blunt talker and straight shooter(Time)See Synonyms at gruff───在熒屏上，約翰·韋恩是一個(gè)直言不諱、一針見血的人(時(shí)代)參見

15 、An onscreen ruler that allows you to measure objects on the screen.───一個(gè)屏幕尺子，允許你測(cè)量屏幕上的目標(biāo)。

16 、Because handheld devices are used while standing, walking, riding on bumpy trains, and in all sorts of busy medical and industrial environments, onscreen controls must be much more obvious than their desktop counterparts.───由于人們使用手持設(shè)備的環(huán)境通常是站立、行走，或者在顛簸的交通工具中，或者在各種各樣繁忙嘈雜的生產(chǎn)或者醫(yī)療環(huán)境，屏幕上的控件必須要比桌面系統(tǒng)上的要明顯得多才可以。

17 、A shade under 6' tall and wiry, with a mane of increasingly iron-grey hair and an unemotional, meticulous delivery, he had an energetic onscreen presence. He often performed his own stunts.───擁有6英尺高瘦削的身材，加以如鬃毛一般，逐漸變成鐵灰色的頭發(fā)，以及一副嚴(yán)謹(jǐn)而毫無感情的腔調(diào)，庫欣的銀幕形象極具活力。他還常常以自己獨(dú)有的絕技表演。

18 、Authors can describe the timing of multimedia presentations, associate hyperlinks with media objects and define the layout of the presentation onscreen.───作者可以描述多媒體表示的定時(shí)、將超鏈接與媒體對(duì)象關(guān)聯(lián)以及定義屏幕表示的布局。

19 、Follow the onscreen instructions to set up your handheld.Tip:Take the Quick Tour to learn more about the great features of your handheld.───按照屏幕說明設(shè)置您的掌上電腦.提示:進(jìn)入[快速教學(xué)"可進(jìn)一步了解掌上電腦的出色功能.

20 、Input text via the keypad, keyboard, onscreen keyboard or handwriting recognition, or go handsfree with speakerphone or wireless headset. You choose.───有小鍵盤,大鍵盤,觸摸屏,手寫等輸入方式,甚至可以用耳機(jī)操作.

21 、Once you kiss another man onscreen, you're in a box.─── 一旦在屏幕上親了另一個(gè)男人 你就被束縛了

22 、Follow the onscreen instructions to opening a New Real Money Account.───根據(jù)屏幕上的說明開一個(gè)新的實(shí)際貨幣賬戶。

23 、Use the numeric keypad 1-9 to play the 5 different mini-games in training, rehearsal and the main performance, match the numbers to those onscreen.───在訓(xùn)練、排練和表演模式中用1-9來玩5個(gè)不同的小游戲，只要數(shù)字和屏幕上顯示的相同就可以了。

24 、Onscreen, John Wayne was a blunt talker and straight shooter(Time)See Synonyms at gruff───在熒屏上，約翰 韋恩是一個(gè)直言不諱、一針見血的人(時(shí)代)參見

25 、Install the software from the CD. Follow the onscreen instructions.───從CD安裝軟件。按照屏幕上的說明進(jìn)行操作。

26 、If the user moves the mouse away from that button while still holding the mouse button down, the onscreen button should return to its quiescent, raised state.───如果使用者這時(shí)把鼠標(biāo)從按鈕上移開，按鈕就會(huì)返回到原來略微突起的狀態(tài)。

27 、If it is faithfully rendered onscreen like a little bound book , it will be much more complex, inconvenient, and difficult to use than the physical address book .───如果它在屏幕上被忠實(shí)地顯示為一個(gè)小本子，那么與真實(shí)的紙質(zhì)通信錄相比會(huì)更加復(fù)雜，不方便且難以使用。

28 、Fine-featured and soft-spoken, he looked much more youthful than his 43 years and his current onscreen persona.───英俊又溫文爾雅，他看上去比43歲的實(shí)際年齡和大銀幕上的形象要年輕得多。

29 、It includes audio mixer, scheduler, onscreen display, command line support, the ability to store and recall presets via one mouse click or system-wide hot keys.───該軟件包括音頻混音器，屏幕顯示，命令行支持，通過鼠標(biāo)或者系統(tǒng)范圍熱鍵存儲(chǔ)和記憶設(shè)定功能。

30 、Onscreen caption: Two hundred thousand Indians found jobs in Silicon Valley.───字幕：20萬印度人在硅谷找到了工作。

31 、This program is not only provides Onscreen keyboard, also has text-to-speech and cross scanner features.───內(nèi)容撮要：本軟件不單只提供螢?zāi)绘I盤，同時(shí)亦有文字轉(zhuǎn)化語音及縱橫式掃瞄的功能。

32 、Follow the onscreen direction and then restart.───按照提示，重啟電腦。

33 、Giant white arrows are now visible onscreen, acting like breadcrumbs to lead you to the next checkpoint.───巨大的白色箭頭顯示在屏幕上，像面包屑一樣把你引導(dǎo)至下一個(gè)記錄點(diǎn)。

34 、Another nice feature: you can select a quest to be your “active” quest at the moment;by doing so, you will get information onscreen about what you still need to do in order to complete that quest.───另一個(gè)很棒的特性：在某個(gè)時(shí)間你能選擇某個(gè)任務(wù)來激活，你這樣做了之后，將會(huì)得到屏幕信息來提示你完成任務(wù)的步驟。

35 、Press and hold the Eject key until the eject symbol appears onscreen.───按住彈出鍵,直到彈出符號(hào)出現(xiàn)在屏幕上。

36 、A. Yeah, it's a lot of fun. We all get along really well and I think definitely our chemistry offscreen is going to be transferred onscreen.───是的，這真是有趣。我們相處的很不錯(cuò)并且我很清楚的知道我們銀幕下的某些舉動(dòng)總會(huì)被搬上銀幕。

37 、Though he played the boofhead both onscreen and off, he was serious about wildlife.His clowning was to get interest going.───盡管他在銀幕內(nèi)外都表現(xiàn)的憨態(tài)十足，但實(shí)際上他對(duì)待野生動(dòng)物的態(tài)度十分認(rèn)真，他所作出那樣的神態(tài)和舉止完全是為了顯得有趣。

38 、Onscreen caption: Economic reforms lifted 300 million Chinese out of poverty.───字幕：經(jīng)濟(jì)改革使3000萬中國人口擺脫了貧窮。

39 、Onscreen caption: The $4 trillion in debt.───字幕：美國政府債務(wù)數(shù)字：$4萬億（美元）

40 、..explaining that it was fake images, but turns out they're an expert on what's real and what's not onscreen.─── 解釋了那是假照片 沒想到他們是專家 最擅長分辨屏幕里的真假

41 、The Windows menu is for arranging, viewing, and switching between multiple windows opened by the program. It can also offer tools for laying out multiple documents onscreen simultaneously. Nothing else should go on this menu.───窗口菜單用于排列、顯示和切換程序打開的多個(gè)窗口，它也可以對(duì)屏幕上同時(shí)存在的多個(gè)文檔進(jìn)行布局，這個(gè)菜單中不應(yīng)該有其他內(nèi)容。

42 、All I know is that I definitely wouldn't get flirting or dating advice from my onscreen mother.─── 我只知道我絕對(duì)不會(huì)向熒幕上的母親 尋求搭訕或者約會(huì)建議

43 、But Bloom often looks overmatched and intimidated onscreen.───他也許該暫停幾年歷史題材**的拍攝。

44 、The two could be seen collaborating again onscreen two years later in Love Affair, a remake of the 1957 An Affair to Remember.───兩年之后人們?cè)阢y幕再度看到他們的身影，兩人合作將1957年的《金玉盟》的翻拍成新片《風(fēng)流韻事》。

45 、The information panel on the bottom onscreen menu shows what combination is currently enjoying success.───屏幕底部的信息面板顯示的是怎樣的結(jié)合可以讓當(dāng)前的你成功。

46 、Click "Assist me" in the Network pane of System Preferences and follow the onscreen instructions.───點(diǎn)按“系統(tǒng)預(yù)置”的“網(wǎng)絡(luò)”面板中的“向?qū)А卑粹o,然后按照屏幕指示進(jìn)行操作。

47 、The data provider returns the results, and the PivotTable control displays them onscreen.───最后數(shù)據(jù)提供者返回查詢結(jié)果，透視表控件將結(jié)果顯示在屏幕上。

48 、As my onscreen hu*and, you really should know that about me.─── 你作為我的大銀幕上的丈夫 你真應(yīng)該知道這一點(diǎn)的

49 、Another way to record your rehearsal is by using screen recording software, which is most commonly used to capture and package presentations for onscreen audiences.───錄制排練的另一種方法是使用屏幕錄制軟件,這是為在屏幕上觀看演示的觀眾捕捉和打包演示最常用的方法。

50 、Because the transient application borrows space at the expense of the sovereign, it must respect the sovereign by not taking more space onscreen than is absolutely necessary.───因?yàn)闀簳r(shí)式應(yīng)用程序借用了獨(dú)占式程序的空間，所以它必須考慮獨(dú)占式程序，除了必要的空間以外，不能占用其他屏幕空間。

51 、Message] Shouts a message. Characters nearby will see your shout and, if you are not onscreen, the direction in which you are located.───信息]喊出一個(gè)消息,在你附近的玩家能夠聽到如果你不在他的屏幕內(nèi),一個(gè)箭頭將表示你的方向。

52 、When a user points to it and clicks the mouse button, the button onscreen visually changes from raised to indented, indicating that it is activated.───當(dāng)用戶指向并單擊，屏幕上的按鈕視覺上會(huì)發(fā)生改變。 從凸起變?yōu)榘枷?，顯示它已被激活。

53 、While the common GIF image renders onscreen like pulling down a window shade, interlaced GIFs open like a venetian blind.───普通GIF圖像在屏幕上顯示，就像一下子拉開窗簾，交錯(cuò)的GIF就像卷起百葉窗。

54 、Decrease the decimal precision shown onscreen.───減少屏幕上顯示的小數(shù)精度。

55 、The tutors, people with bachelor's and master's degrees in their fields, communicated with students via computer, using an onscreen, interactive “whiteboard.───導(dǎo)師們都有各自領(lǐng)域的學(xué)士和碩士學(xué)位，他們通過計(jì)算機(jī)用視頻互動(dòng)“白板”和學(xué)生溝通。

56 、It seems like they have great onscreen chemistry. Was that a driving force in getting them together?───看起來他們會(huì)在劇集里產(chǎn)生化學(xué)反應(yīng)。是什么力量驅(qū)使他們?cè)谝黄穑?/p>

57 、The writers wrote while monitoring what was shown onscreen, so I think they kept the feel and rhythm of the series going.───電視上一邊放，編劇一邊寫，所以我想他們緊緊跟隨著觀眾的感覺和節(jié)奏來調(diào)整。

58 、You may send it to us using the method given onscreen.───可以按照屏幕上的方式發(fā)送給我們。

59 、Insert the CD and follow the instructions onscreen to install the software.───**入CD并按照屏幕上的說明安裝軟件。

60 、Please let us know using the method given onscreen.───可以用屏幕上的方式隨時(shí)跟我們聯(lián)系。

61 、A user moves the mouse until the onscreen cursor is pointing to, or placed over, the desired object.───用戶移動(dòng)鼠標(biāo)，直到屏幕上的光標(biāo)指向所期望的對(duì)象或置于對(duì)象之上。

62 、Onscreen caption: $116 billion flowed out of Southeast Asian markets.───字幕：一千一百六十億美元流出東南亞市場(chǎng)。

63 、So I say to my colleagues in Hollywood:what we are doing by showing large-than-life movie stars smoking onscreen is glamorizing smoking.───所以我跟好萊塢的同行們說：“我們?cè)阢y幕上讓帶英雄色彩的明星吸煙，無形中是把吸煙美化了。

64 、Chet, talk to me about onscreen updates.─── 切特 跟我說說屏幕上的最新消息

65 、A fundamental difference in developing for multiplayer use is that nothing should update onscreen in the game directly following user interaction as it does in single-player gaming.───開發(fā)多人游戲與開發(fā)單機(jī)游戲的根本差別在，當(dāng)用戶交互而產(chǎn)生的任何東西都不應(yīng)該在屏幕上進(jìn)行修改。

66 、The scientists unsurprisingly found that people got worse the less time the numerals spent onscreen.───科學(xué)家們發(fā)現(xiàn)人們?cè)谠擁?xiàng)目中成績較差，對(duì)此結(jié)果，他們并未感到驚喜。

67 、When watching a video, tap to bring up the onscreen controls. When you are done watching a video make sure you press done so your progress will be saved.───看視頻時(shí)，按下屏幕，彈出視頻播放控制器。沒看完時(shí)，點(diǎn)左上角的完成按鈕退出，下次再觀看時(shí)，自動(dòng)從上次結(jié)束的地方開始播放。

68 、Morton Heilig wrote in the 1950s of an "Experience Theater" that could encompass all the senses in an effective manner, thus drawing the viewer into the onscreen activity.───Morton Heilig在1950年寫了以一深刻方式包含全部感覺的“體驗(yàn)劇場(chǎng)”，因此將觀眾帶入銀幕活動(dòng)。

69 、I see gibberish onscreen when I click on a book.───當(dāng)我點(diǎn)擊一本書時(shí)卻看到了亂碼。

70 、Current demand for a selected product is displayed on the bottom onscreen menu.───目前設(shè)定的生產(chǎn)需求顯示在屏幕底部的菜單。

71 、Code lines, commands, statements, variables, and any text you type or see onscreen appears in a mono typeface. Bold mono typeface is often used to represent the user's input.───代碼行，命令，聲明，變量和所有你在屏幕上看到或輸入的文本都是以單一字體出現(xiàn)的，而加黑的字體用來標(biāo)示用戶的輸入信息。

72 、He needed to live up to his onscreen persona.─── 他想像他扮演的角色一樣英勇

73 、Onscreen thumbwheels look rather like the scroll wheel on a mouse, and behave in much the same way.───屏幕上的拇指輪看上去就像鼠標(biāo)上的滾動(dòng)輪，行為也非常相似，并普遍用在某些三維程序中。

74 、Please check the onscreen monitors in the terminal for a new arrival time.─── 請(qǐng)注意機(jī)場(chǎng)的屏幕提示 以獲知新的到達(dá)時(shí)間

75 、In fact, over 100 hours of non-stop entertainment awaits you - with interactive onscreen information available in English, and Chinese.───實(shí)際上,有多達(dá)100小時(shí)的無間斷娛樂節(jié)目正恭候著您,互動(dòng)式屏幕信息更有英文和中文可供選擇。

76 、I haven't had time to finesse my onscreen presence.─── 我沒有時(shí)間去打理我在熒屏上的形象

77 、If you're not familiar with the input method and how to use it, see the onscreen help for the input method.───如果您不熟悉該輸入方法以及如何使用它,請(qǐng)查看屏幕上該輸入方法的幫助。

78 、Some kiosks make use of hardware buttons mapped to onscreen functions in lieu of touch screens.───有些信息亭用硬按鍵來對(duì)應(yīng)屏幕上的功能，以此取代觸摸屏。

79 、Due to cost, power, and form factor constraints, hardware-based navigation and input controls must often take the place of onscreen equivalents.───考慮到成本、處理能力、耗電，以及外形大小的限制，基于硬件的導(dǎo)航和輸入控制必須要取代基于屏幕的導(dǎo)航和控制。

80 、Onscreen caption: Japanese banks hold $1 trillion in bad debts.───字幕：日本銀行有1萬億美元的壞帳。

81 、Onscreen caption: Korea received $55 billion in new loans and credits.───字幕：韓國收到了550億美元的新貸款和信貸。

82 、(v) Use an onscreen keyboard to enter some of the characters.(vi) Enter the last half of your password first followed by the first half.───增加你的密碼長度使其更復(fù)雜，變幻你的密碼使其更隨機(jī)。

83 、For example, if there is a door behind the robot, the door can be seen onscreen appearing to be behind the controller’s head.───雖然這種機(jī)器人能夠人們幾乎實(shí)時(shí)地看到一位同事的表情， 但是在遠(yuǎn)程連接的同事聽到內(nèi)容之前還有一秒鐘的延時(shí)。

84 、Young Harry (as he was referred to as a child) did not share the rugged, adventurous, heroic characteristics that he shares with most of his onscreen characters.───年輕時(shí)的哈里(他小時(shí)候的名字)并沒有他眾多的銀幕形象所展現(xiàn)的粗獷、冒險(xiǎn)和英雄般的性格。

85 、If you are asked for a serial number at the start of the game, please enter your CD key and follow the onscreen instructions to activate the game.───如果你啟動(dòng)游戲的時(shí)候，游戲問你要注冊(cè)碼的話，請(qǐng)按照屏幕提示輸入注冊(cè)碼來激活游戲。

86 、"Onscreen, John Wayne was a blunt talker and straight shooter" (Time)───“在熒屏上，約翰·韋恩是一個(gè)直言不諱、一針見血的人”(時(shí)代)。

87 、It may be tempting to make use of an onscreen keyboard for entering data on touch screen kiosks.───在觸摸屏上使用屏幕上顯示的軟鍵盤來輸入數(shù)據(jù)，似乎很不錯(cuò)。

88 、Where more forceful visual design on a sovereign application would pall within a few weeks, the transient application isn't onscreen long enough for it to bother the user.───如果這種色彩斑斕的視覺設(shè)計(jì)出現(xiàn)在獨(dú)占應(yīng)用中，幾個(gè)星期后用戶就會(huì)感覺沉悶。

getLocationInWindow和getLocationOnScreen的區(qū)別

1)view.getLocationInWindow(location);

// 獲取在整個(gè)屏幕內(nèi)的絕對(duì)坐標(biāo)，注意這個(gè)值是要從屏幕頂端算起，也就是包括了通知欄的高度。

2)view.getLocationOnScreen(location);

如果在Activity的OnCreate()事件輸出那些參數(shù)，是全為0，要等UI控件都加載完了才能獲取到這些。

在onWindowFocusChanged(boolean hasFocus)中獲取為好。

View.getLocationInWindow()和 View.getLocationOnScreen()在window占據(jù)全部screen時(shí)，返回值相同，不同的典型情況是在Dialog中時(shí)。當(dāng)Dialog出現(xiàn)在屏幕中間時(shí)，View.getLocationOnScreen()取得的值要比View.getLocationInWindow()取得的值要大。

另：Android 獲取屏幕高度、標(biāo)題高度、狀態(tài)欄高度詳解

// 獲取屏幕的寬、高

DisplayMetrics mDisplayMetrics;

getWindowManager().getDefaultDisplay().getMetrics(mDisplayMetrics);

int w = mDisplayMetrics.widthPixels;

DisplayMetrics dm = getResources().getDisplayMetrics();

mScreenW = dm.widthPixels; // 獲取分辨率寬度

希望對(duì)你有幫助~

app啟動(dòng)標(biāo)設(shè)計(jì)規(guī)范-技術(shù)干貨：ApplewatchAPP設(shè)計(jì)規(guī)范

androidapp界面設(shè)計(jì)規(guī)范(dpi,dp,px等)

PPI(Pixelsperinch):每英寸所擁有的像素?cái)?shù),即像素密度。

DPI(dotsperinch):即每英寸上,所能印刷的網(wǎng)點(diǎn)數(shù),一般稱為像素密度。ppi計(jì)算公式:ppi=屏幕對(duì)角線像素?cái)?shù)/屏幕對(duì)角線英寸數(shù),通過勾股定理計(jì)算屏幕對(duì)角線像素?cái)?shù)。

ScreenSize(屏幕尺寸):手機(jī)屏幕尺寸大小,如3英寸、4英寸、4.3英寸、5.7英寸,指的是對(duì)角線的長度。

DIP(deviceindependentpixel):即dip/dp,設(shè)備獨(dú)立像素。1px=1dp

density(由dpi決定)

Resolution(分辨率):指手機(jī)屏幕垂直和水平方向上的像素個(gè)數(shù)。eg分辨率480

800,指該設(shè)備垂直方向有800個(gè)像素點(diǎn),水平方向有480個(gè)像素點(diǎn)。

px(Pixel像素):相同像素的ui,在不同分辨率的設(shè)備上效果不同。在小分辨率設(shè)備上會(huì)放大導(dǎo)致失真,大分辨率上被縮小。

AndroidDesign里把主流設(shè)備的dpi歸成了四個(gè)檔次:

120dpi、160dpi、240dpi、320dpi

具體見如下表格。

實(shí)際開發(fā)當(dāng)中,我們經(jīng)常需要對(duì)這幾個(gè)尺寸進(jìn)行相互轉(zhuǎn)換(比如先在某個(gè)分辨率下完成設(shè)計(jì),然后縮放到其他尺寸微調(diào)后輸出),一般按照dpi之間的比例即2:1.5:1:0.75來給界面中的元素來進(jìn)行尺寸定義。

也就是說如果以160dpi作為基準(zhǔn)的話,只要尺寸的DP是4的公倍數(shù),XHDPI下乘以2,HDPI下乘以1.5,LDPI下乘以0.75即可滿足所有尺寸下都是整數(shù)pixel。但假設(shè)以240dpi作為標(biāo)準(zhǔn),那需要DP是3的公倍數(shù),XHDPI下乘以1.333,MDPI下乘以0.666,LDPI下除以2。而以LDPI和XHDPI為基準(zhǔn)就更復(fù)雜了。同時(shí)第一款A(yù)ndroid設(shè)備(HTC的T-MobileG1)是屬于160dpi的。鑒于以上各種原因,

標(biāo)準(zhǔn)dpi=160

谷歌官方對(duì)dp的解釋如下:

AvirtualpixelunitthatyoushouldusewhendefiningUIlayout,toexpresslayoutdimensionsorpositioninadensity-independentway.

Thedensity-independentpixelisequivalenttoonephysicalpixelona160dpiscreen,whichisthebaselinedensityassumedbythesystemfora"medium"densityscreen.Atruntime,thesystemtransparentlyhandlesanyscalingofthedpunits,asnecessary,basedontheactualdensityofthescreeninuse.Theconversionofdpunitstoscreenpixelsissimple:

px=dp*(dpi/160).

Forexample,ona240dpiscreen,1dpequals1.5physicalpixels.Youshouldalwaysusedpunitswhendefiningyourapplication'sUI,toensureproperdisplayofyourUIonscreenswithdifferentdensities.

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

dp和px的換算公式:

我的理解,該公式表示px的數(shù)值等于dp的數(shù)值*(設(shè)備dpi/160)

注意,px、dp是單位,但density沒單位。

applyDimension的源碼如下,可參考:

android的尺寸眾多,建議使用分辨率為

720x1280

的尺寸設(shè)計(jì)。這個(gè)尺寸720x1280中顯示完美,在1080x1920中看起來也比較清晰;切圖后的圖片文件大小也適中,應(yīng)用的內(nèi)存消耗也不會(huì)過高。

app啟動(dòng)圖標(biāo)為48*48dp,對(duì)應(yīng)各dpi設(shè)備,圖像資源像素如下:

|mdpi|hdpi|xhdpi|xxhdpi|

|---:|---:|---:|---:|---:|

|48

48px|72

72px|94

96px|144px

144px|

操作欄圖標(biāo)為32*32dp,對(duì)應(yīng)各dpi設(shè)備,圖像資源像素如下:其中圖形區(qū)域尺寸是24*24dp,可參考平時(shí)ui切圖會(huì)有部分留白。

|mdpi|hdpi|xhdpi|xxhdpi|

|---:|---:|---:|---:|---:|

|32

32px|48

48px|64

64px|96px

96px|

通知欄圖標(biāo)為24*24dp,對(duì)應(yīng)各dpi設(shè)備,圖標(biāo)像素如下:

|mdpi|hdpi|xhdpi|xxhdpi|

|---:|---:|---:|---:|---:|

|24

24px|36

36px|48

48px|72px

72px|

某些場(chǎng)景需要用到小圖標(biāo),大小應(yīng)當(dāng)是16*16dp,其中圖形區(qū)域尺寸12*12dp。

|mdpi|hdpi|xhdpi|xxhdpi|

|---:|---:|---:|---:|---:|

|16

16px|24

24px|32

32px|48px

48px|

APP界面標(biāo)注及切圖注意事項(xiàng)

一、App屏幕適配通用知識(shí)簡介

1.標(biāo)注時(shí)注意事項(xiàng)

一般情況要**一個(gè)Icon只需給出上/下邊距,左/右邊距

標(biāo)注圖標(biāo)距離只需標(biāo)到可點(diǎn)擊范圍外

通用型顏色、字體單獨(dú)標(biāo)明一份

通用型模塊只需單獨(dú)標(biāo)明一份,如導(dǎo)航欄

手機(jī)可視區(qū)域一般為寬度固定,長度超出邊界可滑動(dòng),所以,標(biāo)注物體寬度時(shí)可按比例說明

如果要標(biāo)注內(nèi)容上下居中,左右居中,或等比可不標(biāo)注

當(dāng)繪制的是一個(gè)列表時(shí)且每一條內(nèi)容一樣時(shí),只需標(biāo)注一條,如果每條內(nèi)容有少許不同時(shí),只需標(biāo)明差異____糠

當(dāng)交付的是一張完整圖片時(shí),不需做機(jī)型適配,只需給高清圖(1920*1080)即可,注意進(jìn)行壓縮

當(dāng)背景是純色時(shí)只需給出色值(iOS使用RGB色值,Android使用16進(jìn)制色值)

圖標(biāo)應(yīng)給出可點(diǎn)擊區(qū)域

若圖標(biāo)在不同頁面重復(fù)出現(xiàn),且尺寸相差不大,直接給出最大一份切圖,并在圓形圖標(biāo)明尺寸,程序會(huì)根據(jù)需求縮放

可點(diǎn)擊按鈕通常要給出兩種狀態(tài):普通/點(diǎn)擊(選中)

按鈕如果只是矩形、圓角矩形、圓形、橢圓形,給出尺寸和色值,可程序設(shè)置

漸變效果可通過程序?qū)崿F(xiàn),只需給出起始和結(jié)束色值跟范圍

2.切圖命名規(guī)范

背景:bg_

按鈕:btn_xxx_

圖片:img_

標(biāo)簽:tab_

圖標(biāo):icon_

照片:pht_

導(dǎo)航:nav_

圖示:tip_

菜單:menu_

側(cè)欄:sidebar_

二、iOS應(yīng)用屏幕適配

1.iOS究竟要是適配多少種機(jī)型,以哪款機(jī)型分辨率作為設(shè)計(jì)尺寸最好

2016-3

iOS只需兼容iPhone4,完美兼容iphone5以上機(jī)型

如果按矢量圖制作設(shè)計(jì)圖按1X尺寸作圖,后期放大成2X、3X;如果按傳統(tǒng)的px作圖應(yīng)用最大尺寸(3X)作為畫布。

以3X作為畫布(1242*2208)難記且不能整除,我們可直接以1280(640*2)作為寬度,完美縮放為1X、2X;

2X->3X以1.5來算尺寸和字號(hào)可得到較好效果

2.界面尺寸

設(shè)備分辨率狀態(tài)欄高度導(dǎo)航欄高度標(biāo)簽欄高度

iPhone6plus1242*2208px60px132px146px

iPhone6750*1334px40px88px98px

iPhone5/5s/5c640*1136px40px88px98px

iPhone4/4s640*960px40px88px98px

iPad3/4/Air/Air2/mini22048*1536px40px88px98px

iPad1/21024*768px20px44px49px

iPadmini1024*768px20px44px49px

導(dǎo)航欄背景圖中,如果考慮狀態(tài)欄背景,則背景圖尺寸為導(dǎo)航欄px+狀態(tài)欄px,如果只改變導(dǎo)航欄顏色則只需要導(dǎo)航欄px

3.圖標(biāo)尺寸

設(shè)備AppStore程序應(yīng)用主屏幕spotlight搜索標(biāo)簽欄工具欄和導(dǎo)航欄

iPhone6plus1024*1024px180*180px144*144px87*87px75*75px66*66px

iPhone61024*1024px120*120px144*144px58*58px75*75px44*44px

iPhone5/5s/5c1024*1024px120*120px144*144px58*58px75*75px44*44px

iPhone4/4s1024*1024px120*120px144*144px58*58px75*75px44*44px

iPad3/4/Air/Air2/mini21024*1024px180*180px144*144px100*100px50*50px44*44px

iPad1/21024*1024px90*90px72*72px50*50px25*25px22*22px

iPadmini1024*1024px90*90px72*72px50*50px25*25px22*22px

按鈕切圖建議以等寬高尺寸切圖,且像素必須>=88、*88px,當(dāng)本身圖片寬度或高度不足時(shí),補(bǔ)充空白像素(透明像素).一般情況下,只需要普通狀態(tài)下按鈕切圖即可

(適配不建議等比放大)

4.參考文獻(xiàn)

友盟設(shè)備指數(shù)

APP切圖流程和APP切圖命名規(guī)范詳細(xì)完整版

APP切圖詳細(xì)規(guī)范終極指南

iOS和Android的app界面設(shè)計(jì)規(guī)范

APP界面切圖命名和文件整理規(guī)范

三、Android應(yīng)用屏幕適配

1.用px作為基礎(chǔ)單位的缺陷

對(duì)比上圖可以知道,ppi越低圖片顯示的越大,ppi越高圖片顯示的越小,造成不同手機(jī)上顯示圖片布局不統(tǒng)一!

使用dp作為單位所有機(jī)子顯示統(tǒng)一

2.衡量一個(gè)屏幕清晰度單位————屏幕密度(dpi==ppi)

計(jì)算公式:屏幕dpi=√(屏幕長^2+屏幕寬^2)/屏幕尺寸

名稱密度代表分辨率Android單位與像素?fù)Q算

mdpi120dpi~160dpi320*4801dp=1px

hdpi160dpi~240dpi480*8001dp=1.5px

xhdpi240dpi~320dpi720*12801dp=2px

xxhdpi320dpi~480dpi720*1280/1080*19201dp=**x

xxxhdpi480dpi~640dpi2k~4k1dp=4px

屏幕大小啟動(dòng)圖標(biāo)操作欄圖標(biāo)上下文圖標(biāo)系統(tǒng)通知圖標(biāo)(白色)最細(xì)筆畫

320*480px48*48px32*32px16*16px24*24px不小于2px

480*800px/480×854px/540×960px72*72px48*48px24*24px36*36px不小于**x

720*1280px96*96px64*64px32*32px48*48px不小于4px

1080*1920px144*144px96*96px48*48px72*72px不小于6px

3.究竟要適配多少種機(jī)型

2016-3

得出結(jié)論:只需適配高端的xxhdpi(720*1280/1080*1920),低端的hdpi(480*800)

4.度量單位與邊框

可觸摸控件都是以48dp為單位的

為什么是48dp?一般情況下,48dp在設(shè)備上的物理大小是9mm(會(huì)有一些變化)。這剛好在觸摸控件推薦的大小范圍(7-10mm)內(nèi),而且這樣的大小,用戶用手指觸摸起來也比較準(zhǔn)確、容易。(xxhdpi標(biāo)準(zhǔn)下為144px)

邊框注意留白界面元素之間的留白應(yīng)當(dāng)是8dp。

例:

5.字體排版

Roboto是Android系統(tǒng)的默認(rèn)字體集,字體大小單位sp(可縮放像素?cái)?shù),scaleablepixels)

根據(jù)Android設(shè)計(jì)規(guī)范,推薦使用12、14、16、20和34號(hào),字體粗細(xì)可調(diào)

spHDPIXHDPIXXHDPI

12sp18px24px36px:

14sp21px28px42px

16sp24px32px48px

18sp27px36px54px

20sp30px40px60px

34sp51px68px102px

(注意:字號(hào)要為雙數(shù),且不可帶小數(shù)位)

6.9-patc**制作

什么是9-patc**

為什么要用9-patch格式制作圖

適應(yīng)各種手機(jī)屏幕拉伸圖片需求,有效縮減圖片體積

什么情況下使用

當(dāng)發(fā)現(xiàn)圖片是背景時(shí)且可能拉伸被拉伸時(shí),或圖片過大時(shí)

如何制作patch9圖

圖片外層增加一全透明像素,在透明像素區(qū)花4條純黑色邊

1.寬度可拉伸區(qū)域

2.高度可拉伸區(qū)域

3.垂直內(nèi)容區(qū)域

4.水平內(nèi)容區(qū)域

8.參考文獻(xiàn)

友盟設(shè)備指數(shù)

Android設(shè)計(jì)指南簡體中文版4.x

MaterialDesign中文版

Android設(shè)計(jì)中的.9.png

技術(shù)干貨：ApplewatchAPP設(shè)計(jì)規(guī)范

一、規(guī)范概要

1.導(dǎo)航形式

層級(jí)式,通過當(dāng)前頁面點(diǎn)擊跳轉(zhuǎn)到另外頁面的形式。適合應(yīng)用于復(fù)雜產(chǎn)品,需要層層遞進(jìn)。

頁面式,頁面切換,滑動(dòng),類似輪播

AppleWatch導(dǎo)航形式任選其一,不得同時(shí)存在。

2.交互方式

輕觸:列表、按鈕、切換等控件的操作

手勢(shì):縱向輕掃,界面滾動(dòng);橫向輕掃,界面導(dǎo)航之間的查看;從屏幕左側(cè)邊緣向右輕掃,返回父級(jí)界面。

壓力觸控:喚出當(dāng)前頁面情景菜單

實(shí)體控件(手表旋鈕):長頁面瀏覽,避免手指長時(shí)間輕掃界面何遮擋界面

3.色彩

使用黑色作為APP的背景色,或者深色且高斯模糊的圖片作為背景

高對(duì)比度的顏色使用于文字、圖標(biāo)、界面

4文字

SF和蘋方

5.圖標(biāo)

通知圖標(biāo)、首屏圖標(biāo)和長看圖標(biāo)、短看圖標(biāo)

情景圖標(biāo)(App內(nèi)功能圖標(biāo))

6.布局

并排放置的圖標(biāo)一行不要超過三個(gè)

布局優(yōu)先采用左對(duì)齊

二、設(shè)計(jì)尺寸

1.1屏幕尺寸

38mm(272*340px)

42mm(312*390px)

1.2圖標(biāo)尺寸

通知圖標(biāo)48PX(38mm)55px(42mm)

首屏圖標(biāo)和常看圖標(biāo)80px(38mm)88px(42mm)

短看圖標(biāo)172px(38mm)196px(42mm)

菜單情景圖標(biāo)(App內(nèi)的功能圖標(biāo))

圖標(biāo)大小70px,實(shí)際圖標(biāo)大小46px。(38mm)

圖標(biāo)大小80px,實(shí)際圖標(biāo)大小54px。(42mm)

圖標(biāo)線寬不得小于4px

1.3圖標(biāo)

1.3.1

通知圖標(biāo),系統(tǒng)通知彈出的圖標(biāo)

1.3.2

首屏圖標(biāo),如下圖所示。首屏圖標(biāo)80px(38mm)88px(42mm)

1.3.3長看圖標(biāo),如下所示,左上角圖標(biāo)。?？磮D標(biāo)80px(38mm)88px(42mm)

1.3.4短看圖標(biāo),如下圖所示。短看圖標(biāo)172px(38mm)196px(42mm)

2.字體和文字

2.1字體

SF和蘋方

2.2文字(字號(hào),常見字號(hào)單位是PT和PX,PT是開發(fā)單位,PX是設(shè)計(jì)單位,在@2X下?lián)Q算關(guān)系1PT=2PX)

標(biāo)題headline18PT

正文標(biāo)題caption15PT

正文body15PT

備注、腳注、輔助文字footnote12PT、1**T

3.顏色

高對(duì)比度的顏色使用于文字、圖標(biāo)、界面

1.主色,如下圖所示

2.輔助色、點(diǎn)睛色(控件、按鈕)

按鈕控件在設(shè)計(jì)中通常帶有透明度

3.字體顏色和透明度

4.布局

1狀態(tài)欄和下方圖片和列表布局間距

38mm(30px),42mm(32px)

2狀態(tài)欄和列表按鈕布局間距

38mm(11px),42mm(1**x)

3狀態(tài)欄和下方文本布局間距

38mm(46px),42mm(50px)

4文字邊距和分割線按鈕列表圖片邊距

38mm和42mm邊距相同

5.圖片和按鈕到屏幕兩邊距離

38mm和42mm邊距相同

5.控件和列表

1單行控件和列表布局尺寸

38mm

42mm

2.雙行控件和列表布局尺寸

2.1正文+備注

38mm

42mm

2.2雙行正文

38mm

42mm

3.三行控件和列表布局尺寸

38mm

42mm

4.多行控件和列表布局尺寸

38mm

42mm

5.控件和列表類型

_