Hello,大家好? 我是一只快要沒有毛了的卷毛~? 今天呢我為大家分享一下TV端 Ui的一些小姿勢
在做需求的時(shí)候碰到了一些小問題 跟大家分享一下～
在做電視UI時(shí)跟手機(jī)界面不同得是不分一倍二倍三倍圖的～剛?cè)胄械木砻⒉恢肋@個(gè)就一直在糾結(jié)于 我導(dǎo)出幾倍圖恕曲。蕴茴。掏父。今天就跟大家普及一下關(guān)于電視作圖基準(zhǔn)以及關(guān)于插件應(yīng)用時(shí)出現(xiàn)的問題～
電視有一項(xiàng)非常重要的參數(shù)就是分辨率甚垦，它在某種程度上決定著所觀看影片和圖像的清晰度影響著用戶的觀感體驗(yàn)艇炎。隨著人們對影音體驗(yàn)要求的不斷提升4k讥裤，8k呼之欲出跑筝。但現(xiàn)在目前為止較為主流的電視分辨率還是1080p套利。
標(biāo)清：是物理分辨率在1280P*720P以下的一種視頻格式奴璃，是指視頻的垂直分辨率為720線逐行掃描悉默。具體的說，是指分辨率在400線左右的VCD苟穆、DVD抄课、電視節(jié)目等“標(biāo)清”視頻格式，即標(biāo)準(zhǔn)清晰度雳旅。
高清（HD跟磨、720p）：1280*720分辨率，高清的標(biāo)準(zhǔn)攒盈，國際上公認(rèn)的有兩條：視頻垂直分辨率超過720p或1080i抵拘；視頻寬縱比為16：9。
全高清（FHD型豁、1080p）：1920*1080分辨率僵蛛，p代表逐行掃描（1080i，隔行掃描迎变，在播放時(shí)充尉，它先掃描單數(shù)的垂直畫面，再掃描雙數(shù)的垂直畫面衣形，故只需要1080p一半的帶寬驼侠。）
4k（UHD）：4K分辨率即4096×2160的像素分辨率，它是2K投影機(jī)和高清電視分辨率的4倍，屬于超高清分辨率倒源。在此分辨率下苛预，觀眾將可以看清畫面中的每一個(gè)細(xì)節(jié)，每一個(gè)特寫笋熬。影院如果采用驚人的4096×2160像素碟渺，無論在影院的哪個(gè)位置，觀眾都可以清楚的看到畫面的每一個(gè)細(xì)節(jié)突诬，影片色彩鮮艷苫拍、文字清晰銳麗，再配合超真實(shí)音效旺隙，這種感覺真的是一種難以言傳的享受绒极。4K分辨率是指水平方向每行像素值達(dá)到或者接近4096個(gè)，多數(shù)情況下特指4096*2160分辨率蔬捷。而根據(jù)使用范圍的不同垄提，4K分辨率也有各種各樣的衍生分辨率，例如Full Aperture 4K的4096*3112周拐、Academy 4K的3656*2664以及UHDTV標(biāo)準(zhǔn)的3840*2160等铡俐，都屬于4K分辨率的范疇。
雖然4k很流行妥粟，但是現(xiàn)在主流的TV分辨率依舊為1080P审丘，所以在做電視UI時(shí)，按照1920*1080的尺寸做然后直接導(dǎo)出1x的圖就好了不需要2x和3x的圖（我用的sketch）勾给。滩报。。剛?cè)胄械木砻珒翰恢啦ゼ保揽氖謾C(jī)UI套路脓钾，鬧了一點(diǎn)小烏龍。桩警。可训。
在做項(xiàng)目的H5時(shí)用到了一個(gè)叫sketch measure的插件
在做H5時(shí)我做圖的尺寸為iphone7（375*667）的尺寸，然后導(dǎo)出標(biāo)注的時(shí)候我就按照標(biāo)準(zhǔn)像素導(dǎo)出的捶枢。握截。。結(jié)果開發(fā)小哥哥就說他需要的尺寸是750*1334的尺寸柱蟀，研究了半天發(fā)現(xiàn) 只有標(biāo)準(zhǔn)尺寸是px單位川蒙，其他的都是dp為單位的...他只能自己手動(dòng)計(jì)算二倍的尺寸，這可是要給開發(fā)小哥哥增加了不少工作量呢...于是機(jī)智的卷毛就回來研究這個(gè)神奇的插件长已！最終被卷毛發(fā)現(xiàn)了這個(gè)破解方法（由于項(xiàng)目還沒上線畜眨，卷毛暫時(shí)用其他圖片給大家做示范）
開發(fā)小哥哥再也不用手動(dòng)計(jì)算尺寸了～
今天的經(jīng)驗(yàn)總結(jié)就這些～有不懂的可以留言問卷毛喔～
點(diǎn)贊?關(guān)注喔～
愛你們 啾咪～
