?onscreen

onscreen發(fā)音

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

英：　　美：

onscreen中文意思翻譯

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

onscreen常見(jiàn)例句

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

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

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.───在主頁(yè)上,單擊“狀態(tài)報告”選項卡,在“操作”窗格中選擇一種活動(dòng),然后按屏幕指導填寫(xiě)信息并建立報告。

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).───接著(zhù)，如果使用者釋放了鼠標按鍵，則按鈕就不會(huì )被觸發(fā)（這和缺少受范響應是一致的）。

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查詢(xún)字符串發(fā)送給服務(wù)器，而服務(wù)器返回的也只是您在界面上看到的單元格和成員的名稱(chēng)。

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

7 、Onscreen caption: Robert Rubin called an urgent meeting at the Treasury.───字幕：羅伯特魯賓召集了財政部緊急會(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è)鏈條符號出現在屏幕上。

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

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

11 、Press and hold the Eject key at the top-right corner of your Apple keyboard until the eject symbol appears onscreen.───按住您的Apple鍵盤(pá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ā)，以及一副嚴謹而毫無(wú)感情的腔調，庫欣的銀幕形象極具活力。

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

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

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

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.───由于人們使用手持設備的環(huán)境通常是站立、行走，或者在顛簸的交通工具中，或者在各種各樣繁忙嘈雜的生產(chǎn)或者醫療環(huán)境，屏幕上的控件必須要比桌面系統上的要明顯得多才可以。

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ā)，以及一副嚴謹而毫無(wú)感情的腔調，庫欣的銀幕形象極具活力。他還常常以自己獨有的絕技表演。

18 、Authors can describe the timing of multimedia presentations, associate hyperlinks with media objects and define the layout of the presentation onscreen.───作者可以描述多媒體表示的定時(shí)、將超鏈接與媒體對象關(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.───按照屏幕說(shuō)明設置您的掌上電腦.提示:進(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.───有小鍵盤(pán),大鍵盤(pán),觸摸屏,手寫(xiě)等輸入方式,甚至可以用耳機操作.

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.───根據屏幕上的說(shuō)明開(kāi)一個(gè)新的實(shí)際貨幣賬戶(hù)。

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.───在訓練、排練和表演模式中用1-9來(lái)玩5個(gè)不同的小游戲，只要數字和屏幕上顯示的相同就可以了。

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

25 、Install the software from the CD. Follow the onscreen instructions.───從CD安裝軟件。按照屏幕上的說(shuō)明進(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í)把鼠標從按鈕上移開(kāi)，按鈕就會(huì )返回到原來(lái)略微突起的狀態(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ì )更加復雜，不方便且難以使用。

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.───該軟件包括音頻混音器，屏幕顯示，命令行支持，通過(guò)鼠標或者系統范圍熱鍵存儲和記憶設定功能。

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

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

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.───巨大的白色箭頭顯示在屏幕上，像面包屑一樣把你引導至下一個(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ù)來(lái)激活，你這樣做了之后，將會(huì )得到屏幕信息來(lái)提示你完成任務(wù)的步驟。

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

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.───是的，這真是有趣。我們相處的很不錯并且我很清楚的知道我們銀幕下的某些舉動(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.───盡管他在銀幕內外都表現的憨態(tài)十足，但實(shí)際上他對待野生動(dòng)物的態(tài)度十分認真，他所作出那樣的神態(tài)和舉止完全是為了顯得有趣。

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

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

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

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.───窗口菜單用于排列、顯示和切換程序打開(kāi)的多個(gè)窗口，它也可以對屏幕上同時(shí)存在的多個(gè)文檔進(jìn)行布局，這個(gè)菜單中不應該有其他內容。

42 、All I know is that I definitely wouldn't get flirting or dating advice from my onscreen mother.─── 我只知道我絕對不會(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.───兩年之后人們在銀幕再度看到他們的身影，兩人合作將1957年的《金玉盟》的翻拍成新片《風(fēng)流韻事》。

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

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

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

48 、As my onscreen hu*and, you really should know that about me.─── 你作為我的大銀幕上的丈夫 你真應該知道這一點(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.───錄制排練的另一種方法是使用屏幕錄制軟件,這是為在屏幕上觀(guān)看演示的觀(guān)眾捕捉和打包演示最常用的方法。

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.───因為暫時(shí)式應用程序借用了獨占式程序的空間，所以它必須考慮獨占式程序，除了必要的空間以外，不能占用其他屏幕空間。

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è)消息,在你附近的玩家能夠聽(tīng)到如果你不在他的屏幕內,一個(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.───當用戶(hù)指向并單擊，屏幕上的按鈕視覺(jué)上會(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圖像在屏幕上顯示，就像一下子拉開(kāi)窗簾，交錯的GIF就像卷起百葉窗。

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

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

56 、It seems like they have great onscreen chemistry. Was that a driving force in getting them together?───看起來(lái)他們會(huì )在劇集里產(chǎn)生化學(xué)反應。是什么力量驅使他們在一起？

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

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并按照屏幕上的說(shuō)明安裝軟件。

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.───用戶(hù)移動(dòng)鼠標，直到屏幕上的光標指向所期望的對象或置于對象之上。

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.───所以我跟好萊塢的同行們說(shuō)：“我們在銀幕上讓帶英雄色彩的明星吸煙，無(wú)形中是把吸煙美化了。

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

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.───開(kāi)發(fā)多人游戲與開(kāi)發(fā)單機游戲的根本差別在，當用戶(hù)交互而產(chǎn)生的任何東西都不應該在屏幕上進(jìn)行修改。

66 、The scientists unsurprisingly found that people got worse the less time the numerals spent onscreen.───科學(xué)家們發(fā)現人們在該項目中成績(jì)較差，對此結果，他們并未感到驚喜。

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í)，按下屏幕，彈出視頻播放控制器。沒(méi)看完時(shí)，點(diǎn)左上角的完成按鈕退出，下次再觀(guān)看時(shí)，自動(dòng)從上次結束的地方開(kāi)始播放。

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年寫(xiě)了以一深刻方式包含全部感覺(jué)的“體驗劇場(chǎng)”，因此將觀(guān)眾帶入銀幕活動(dòng)。

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

70 、Current demand for a selected product is displayed on the bottom onscreen menu.───目前設定的生產(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.───代碼行，命令，聲明，變量和所有你在屏幕上看到或輸入的文本都是以單一字體出現的，而加黑的字體用來(lái)標示用戶(hù)的輸入信息。

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.───屏幕上的拇指輪看上去就像鼠標上的滾動(dòng)輪，行為也非常相似，并普遍用在某些三維程序中。

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

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

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

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

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

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

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

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.───增加你的密碼長(cháng)度使其更復雜，變幻你的密碼使其更隨機。

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.───雖然這種機器人能夠人們幾乎實(shí)時(shí)地看到一位同事的表情， 但是在遠程連接的同事聽(tīng)到內容之前還有一秒鐘的延時(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í)候的名字)并沒(méi)有他眾多的銀幕形象所展現的粗獷、冒險和英雄般的性格。

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í)候，游戲問(wèn)你要注冊碼的話(huà)，請按照屏幕提示輸入注冊碼來(lái)激活游戲。

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

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

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.───如果這種色彩斑斕的視覺(jué)設計出現在獨占應用中，幾個(gè)星期后用戶(hù)就會(huì )感覺(jué)沉悶。

getLocationInWindow和getLocationOnScreen的區別

1)view.getLocationInWindow(location);

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

2)view.getLocationOnScreen(location);

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

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

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

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

// 獲取屏幕的寬、高

DisplayMetrics mDisplayMetrics;

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

int w = mDisplayMetrics.widthPixels;

DisplayMetrics dm = getResources().getDisplayMetrics();

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

希望對你有幫助~

app啟動(dòng)標設計規范-技術(shù)干貨：ApplewatchAPP設計規范

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

PPI(Pixelsperinch):每英寸所擁有的像素數,即像素密度。

DPI(dotsperinch):即每英寸上,所能印刷的網(wǎng)點(diǎn)數,一般稱(chēng)為像素密度。ppi計算公式:ppi=屏幕對角線(xiàn)像素數/屏幕對角線(xiàn)英寸數,通過(guò)勾股定理計算屏幕對角線(xiàn)像素數。

ScreenSize(屏幕尺寸):手機屏幕尺寸大小,如3英寸、4英寸、4.3英寸、5.7英寸,指的是對角線(xiàn)的長(cháng)度。

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

density(由dpi決定)

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

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

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

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

120dpi、160dpi、240dpi、320dpi

具體見(jiàn)如下表格。

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

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

標準dpi=160

谷歌官方對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.

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

dp和px的換算公式:

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

注意,px、dp是單位,但density沒(méi)單位。

applyDimension的源碼如下,可參考:

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

720x1280

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

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

|mdpi|hdpi|xhdpi|xxhdpi|

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

|48

48px|72

72px|94

96px|144px

144px|

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

|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|

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

|mdpi|hdpi|xhdpi|xxhdpi|

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

|16

16px|24

24px|32

32px|48px

48px|

APP界面標注及切圖注意事項

一、App屏幕適配通用知識簡(jiǎn)介

1.標注時(shí)注意事項

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

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

通用型顏色、字體單獨標明一份

通用型模塊只需單獨標明一份,如導航欄

手機可視區域一般為寬度固定,長(cháng)度超出邊界可滑動(dòng),所以,標注物體寬度時(shí)可按比例說(shuō)明

如果要標注內容上下居中,左右居中,或等比可不標注

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

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

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

圖標應給出可點(diǎn)擊區域

若圖標在不同頁(yè)面重復出現,且尺寸相差不大,直接給出最大一份切圖,并在圓形圖標明尺寸,程序會(huì )根據需求縮放

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

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

漸變效果可通過(guò)程序實(shí)現,只需給出起始和結束色值跟范圍

2.切圖命名規范

背景:bg_

按鈕:btn_xxx_

圖片:img_

標簽:tab_

圖標:icon_

照片:pht_

導航:nav_

圖示:tip_

菜單:menu_

側欄:sidebar_

二、iOS應用屏幕適配

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

2016-3

iOS只需兼容iPhone4,完美兼容iphone5以上機型

如果按矢量圖制作設計圖按1X尺寸作圖,后期放大成2X、3X;如果按傳統的px作圖應用最大尺寸(3X)作為畫(huà)布。

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

2X->3X以1.5來(lái)算尺寸和字號可得到較好效果

2.界面尺寸

設備分辨率狀態(tài)欄高度導航欄高度標簽欄高度

iPhone6plus1242*2208px60px132px146px

iPhone6750*1334px40px88px98px

iPhone5/5s/5c640*1136px40px88px98px

iPhone4/4s640*960px40px88px98px

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

iPad1/21024*768px20px44px49px

iPadmini1024*768px20px44px49px

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

3.圖標尺寸

設備AppStore程序應用主屏幕spotlight搜索標簽欄工具欄和導航欄

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,當本身圖片寬度或高度不足時(shí),補充空白像素(透明像素).一般情況下,只需要普通狀態(tài)下按鈕切圖即可

(適配不建議等比放大)

4.參考文獻

友盟設備指數

APP切圖流程和APP切圖命名規范詳細完整版

APP切圖詳細規范終極指南

iOS和Android的app界面設計規范

APP界面切圖命名和文件整理規范

三、Android應用屏幕適配

1.用px作為基礎單位的缺陷

對比上圖可以知道,ppi越低圖片顯示的越大,ppi越高圖片顯示的越小,造成不同手機上顯示圖片布局不統一!

使用dp作為單位所有機子顯示統一

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

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

名稱(chēng)密度代表分辨率Android單位與像素換算

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)圖標操作欄圖標上下文圖標系統通知圖標(白色)最細筆畫(huà)

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.究竟要適配多少種機型

2016-3

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

4.度量單位與邊框

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

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

邊框注意留白界面元素之間的留白應當是8dp。

例:

5.字體排版

Roboto是Android系統的默認字體集,字體大小單位sp(可縮放像素數,scaleablepixels)

根據Android設計規范,推薦使用12、14、16、20和34號,字體粗細可調

spHDPIXHDPIXXHDPI

12sp18px24px36px:

14sp21px28px42px

16sp24px32px48px

18sp27px36px54px

20sp30px40px60px

34sp51px68px102px

(注意:字號要為雙數,且不可帶小數位)

6.9-patc**制作

什么是9-patc**

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

適應各種手機屏幕拉伸圖片需求,有效縮減圖片體積

什么情況下使用

當發(fā)現圖片是背景時(shí)且可能拉伸被拉伸時(shí),或圖片過(guò)大時(shí)

如何制作patch9圖

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

1.寬度可拉伸區域

2.高度可拉伸區域

3.垂直內容區域

4.水平內容區域

8.參考文獻

友盟設備指數

Android設計指南簡(jiǎn)體中文版4.x

MaterialDesign中文版

Android設計中的.9.png

技術(shù)干貨：ApplewatchAPP設計規范

一、規范概要

1.導航形式

層級式,通過(guò)當前頁(yè)面點(diǎn)擊跳轉到另外頁(yè)面的形式。適合應用于復雜產(chǎn)品,需要層層遞進(jìn)。

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

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

2.交互方式

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

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

壓力觸控:喚出當前頁(yè)面情景菜單

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

3.色彩

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

高對比度的顏色使用于文字、圖標、界面

4文字

SF和蘋(píng)方

5.圖標

通知圖標、首屏圖標和長(cháng)看圖標、短看圖標

情景圖標(App內功能圖標)

6.布局

并排放置的圖標一行不要超過(guò)三個(gè)

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

二、設計尺寸

1.1屏幕尺寸

38mm(272*340px)

42mm(312*390px)

1.2圖標尺寸

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

首屏圖標和?？磮D標80px(38mm)88px(42mm)

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

菜單情景圖標(App內的功能圖標)

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

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

圖標線(xiàn)寬不得小于4px

1.3圖標

1.3.1

通知圖標,系統通知彈出的圖標

1.3.2

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

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

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

2.字體和文字

2.1字體

SF和蘋(píng)方

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

標題headline18PT

正文標題caption15PT

正文body15PT

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

3.顏色

高對比度的顏色使用于文字、圖標、界面

1.主色,如下圖所示

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

按鈕控件在設計中通常帶有透明度

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文字邊距和分割線(xiàn)按鈕列表圖片邊距

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.控件和列表類(lèi)型

_