鴻蒙學(xué)習(xí)筆記二十:屏幕適配

鴻蒙的屏幕適配我們采用了跟安卓一樣的dimen方案放钦,即將屏幕寬度分成375份,每份是一個(gè)dimen魄懂,具體公式如下:
dimen_1 = 屏幕寬度 / 屏幕密度 / 375
代碼如下:
import display from '@ohos.display'


export class DimensStyle {
  private dimen_1: number = 0

  dimen(i: number): number {
    return Number((i * this.dimen_1).toFixed(2))
  }

  constructor() {
    let dip = 360
    if (display.getDefaultDisplaySync() && display.getDefaultDisplaySync().width && display.getDefaultDisplaySync().densityPixels) {
      dip = display.getDefaultDisplaySync().width / display.getDefaultDisplaySync().densityPixels
    }

    let dimen_1 = 1 * (dip / 375)
    this.dimen_1 = dimen_1
  }
}
用法如下:
Image('')
          .width(Dimens.dimen(15))
          .height(Dimens.dimen(3))
注意點(diǎn):
1:需要在 DimensStyle 所在模塊的 Index.ets 文件中進(jìn)行聲明飘言,否則不能全局引用峦睡,具體聲明代碼如下:
import { DimensStyle } from "./src/main/ets/styles/DimensStyle"

const Dimens = new DimensStyle()

export {
  Dimens
}
2:這種方法不需要進(jìn)行額外配置韧骗,也不用生成不同分辨率下的dimen文件嘉抒,使用時(shí)系統(tǒng)會(huì)自動(dòng)將自定義的dimen值進(jìn)行轉(zhuǎn)換
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請(qǐng)通過簡(jiǎn)信或評(píng)論聯(lián)系作者袍暴。
  • 序言:七十年代末些侍,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子政模,更是在濱河造成了極大的恐慌岗宣,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,252評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件淋样,死亡現(xiàn)場(chǎng)離奇詭異耗式,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)趁猴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門刊咳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人躲叼,你說我怎么就攤上這事∑蟪玻” “怎么了枫慷?”我有些...
    開封第一講書人閱讀 168,814評(píng)論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長浪规。 經(jīng)常有香客問我或听,道長,這世上最難降的妖魔是什么笋婿? 我笑而不...
    開封第一講書人閱讀 59,869評(píng)論 1 299
  • 正文 為了忘掉前任誉裆,我火速辦了婚禮,結(jié)果婚禮上缸濒,老公的妹妹穿的比我還像新娘足丢。我一直安慰自己,他們只是感情好庇配,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,888評(píng)論 6 398
  • 文/花漫 我一把揭開白布斩跌。 她就那樣靜靜地躺著,像睡著了一般捞慌。 火紅的嫁衣襯著肌膚如雪耀鸦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,475評(píng)論 1 312
  • 那天啸澡,我揣著相機(jī)與錄音袖订,去河邊找鬼氮帐。 笑死,一個(gè)胖子當(dāng)著我的面吹牛洛姑,可吹牛的內(nèi)容都是我干的上沐。 我是一名探鬼主播,決...
    沈念sama閱讀 41,010評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼吏口,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼奄容!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起产徊,我...
    開封第一講書人閱讀 39,924評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤昂勒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后舟铜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體戈盈,經(jīng)...
    沈念sama閱讀 46,469評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,552評(píng)論 3 342
  • 正文 我和宋清朗相戀三年谆刨,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了塘娶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,680評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡痊夭,死狀恐怖刁岸,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情她我,我是刑警寧澤虹曙,帶...
    沈念sama閱讀 36,362評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站番舆,受9級(jí)特大地震影響酝碳,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜恨狈,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,037評(píng)論 3 335
  • 文/蒙蒙 一疏哗、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧禾怠,春花似錦返奉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至牲证,卻和暖如春哮针,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評(píng)論 1 274
  • 我被黑心中介騙來泰國打工十厢, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留等太,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,099評(píng)論 3 378
  • 正文 我出身青樓蛮放,卻偏偏與公主長得像缩抡,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子包颁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,691評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 前言 上篇文章介紹了在屏幕適配上遇到的問題瞻想,采用px或者dp都會(huì)與設(shè)計(jì)稿存在一定的偏差,也詳細(xì)的介紹了dp和dpi...
    static_sadhu閱讀 619評(píng)論 0 1
  • 更新:由于該適配方案越來越多人使用娩嚼,也有很多人遇到不太理解的問題蘑险。所以為了大家更好的使用,我將文章很多內(nèi)容更新了岳悟,...
    KingWorld閱讀 8,212評(píng)論 4 19
  • 更新:由于該適配方案越來越多人使用佃迄,也有很多人遇到不太理解的問題。所以為了大家更好的使用贵少,我將文章很多內(nèi)容更新了呵俏,...
    代碼小王子閱讀 1,308評(píng)論 0 2
  • 更新:由于該適配方案越來越多人使用,也有很多人遇到不太理解的問題滔灶。所以為了大家更好的使用普碎,我將文章很多內(nèi)容更新了,...
    wildma閱讀 230,614評(píng)論 355 1,137
  • 此文章轉(zhuǎn)自:http://www.reibang.com/p/1302ad5a4b04 學(xué)習(xí)記錄使用录平。 前言 網(wǎng)...
    飛魚先生閱讀 482評(píng)論 0 0