0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內(nèi)不再提示

一次開發(fā),多端部署︱小紅書攜手HarmonyOS NEXT引領行業(yè)新風向

話說科技 ? 來源: 話說科技 ? 作者: 話說科技 ? 2024-01-26 16:07 ? 次閱讀

1月18日下午,在備受矚目的鴻蒙生態(tài)千帆啟航儀式上,華為宣布:HarmonyOS NEXT星河預覽版正式面向開發(fā)者開放申請。截至2023年年底,已有超過200個鴻蒙原生應用加速開發(fā),鴻蒙生態(tài)設備數(shù)量突破8億臺。早在2023年11月底,小紅書就已官方宣布完成了鴻蒙原生應用Beta版本的開發(fā),小紅書也由此成為了在擁有2億以上月活躍用戶的應用中,首家完成鴻蒙原生應用Beta版本開發(fā)的先鋒APP。這一進展展現(xiàn)了小紅書在技術革新方面的決心與實力,為鴻蒙生態(tài)的繁榮發(fā)展注入了新的活力。

在啟航儀式舉辦的第二天,1月19日HarmonyOS應用開發(fā)技術分論壇成功召開,小紅書作為鴻蒙原生應用開發(fā)先行者受邀出席。在分論壇上,小紅書社區(qū)前端負責人艾德深入分享了小紅書在“一次開發(fā),多端部署”(以下簡稱“一多”)的設計與開發(fā)方面的最佳實踐,展示了一多設計與開發(fā)的高效便捷,為開發(fā)者提供了寶貴的經(jīng)驗借鑒。

艾德首先介紹使用“一次開發(fā),多端部署”的框架,完成多設備適配開發(fā)的目標和思路。據(jù)介紹,傳統(tǒng)OS在跨端適配上的開發(fā)成本過高,凸顯了目前HarmonyOS跨端響應式布局的重要性,此外,一多應用框架的核心構成以及相應的三層開發(fā)模型也為開發(fā)者提供了更加清晰、高效的開發(fā)路徑。

在小紅書基于一多框架進行的多端斷點體系設計方面,艾德通過生動的案例和演示,展示了斷點示例代碼的設置、更新和同步過程,以及自定義組件如何獲取斷點信息,例如在面對不同尺寸的設備時,不僅會衡量界面寬度,還引入了寬高比的概念,基于窗口尺寸的變化,動態(tài)監(jiān)測及更新斷點。這些技巧為開發(fā)者在多設備適配方面提供了有力的技術支持。

此外,艾德還分享了小紅書在基于一多框架完成多設備適配開發(fā)方面的具體實踐。他詳細介紹了主框架挪移布局、瀑布流增列布局以及圖文筆記分欄布局等創(chuàng)新布局方式,這些布局方式不僅提升了用戶體驗的流暢性和美觀度,也為開發(fā)者提供了更多的創(chuàng)意空間。

小紅書積極擁抱鴻蒙原生應用開發(fā),與HarmonyOS NEXT攜手共同推進了科技和體驗的創(chuàng)新。借助其獨特的全場景分布式架構、無縫流轉(zhuǎn)能力以及強大的性能和AI大模型等優(yōu)勢,相信鴻蒙原生版小紅書App將為用戶帶來更加直接、便利的入口,以及“服務合時宜”的全新體驗,為小紅書自身帶來連續(xù)、智能、高黏性的新流量增長機會。

展望未來,雙方將繼續(xù)保持彼此信任與緊密合作的關系,共同探索新的商業(yè)機會和更廣闊的發(fā)展空間,攜手共建繁榮的鴻蒙生態(tài)系統(tǒng)。

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 鴻蒙
    +關注

    關注

    56

    文章

    2267

    瀏覽量

    42492
  • HarmonyOS
    +關注

    關注

    79

    文章

    1946

    瀏覽量

    29739
收藏 人收藏

    評論

    相關推薦

    鴻蒙OS開發(fā):典型頁面場景【一次開發(fā),多端部署】實戰(zhàn)(設置典型頁面)

    本示例展示了設置應用的典型頁面,其在小窗口和大窗口有不同的顯示效果,體現(xiàn)一次開發(fā)多端部署的能力。
    的頭像 發(fā)表于 05-27 09:36 ?897次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:典型頁面場景【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】實戰(zhàn)(設置典型頁面)

    鴻蒙OS開發(fā):典型頁面場景【一次開發(fā)多端部署】實戰(zhàn)(音樂專輯頁2)

    本示例使用[一次開發(fā)多端部署]中介紹的自適應布局能力和響應式布局能力進行多設備(或多窗口尺寸)適配,保證應用在不同設備或不同窗口尺寸下可以正常顯示。
    的頭像 發(fā)表于 05-25 16:47 ?1888次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:典型頁面場景【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】實戰(zhàn)(音樂專輯頁2)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(視頻應用)

    者提供了“一次開發(fā)多端部署”的系統(tǒng)能力,讓開發(fā)者可以基于一次
    的頭像 發(fā)表于 05-25 16:29 ?4216次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(視頻應用)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(音樂專輯頁面)

    基于自適應和響應式布局,實現(xiàn)一次開發(fā)、多端部署音樂專輯頁面。
    的頭像 發(fā)表于 05-25 16:21 ?522次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(音樂專輯頁面)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(多設備自適應能力)簡單介紹

    本示例是《一次開發(fā)多端部署》的配套示例代碼,展示了[頁面開發(fā)多能力],包括自適應布局、響應
    的頭像 發(fā)表于 05-21 14:59 ?1936次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(多設備自適應能力)簡單介紹

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】( 設置app頁面)

    本示例展示了設置應用的典型頁面,其在小窗口和大窗口有不同的顯示效果,體現(xiàn)一次開發(fā)、多端部署的能力。
    的頭像 發(fā)表于 05-21 14:56 ?694次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】( 設置app頁面)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(音樂專輯主頁)

    本示例使用一次開發(fā)多端部署中介紹的自適應布局能力和響應式布局能力進行多設備(或多窗口尺寸)適配,保證應用在不同設備或不同窗口尺寸下可以正常顯示。
    的頭像 發(fā)表于 05-21 14:48 ?559次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(音樂專輯主頁)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(多天氣)項目

    本示例展示個天氣應用界面,包括首頁、城市管理、添加城市、更新時間彈窗,體現(xiàn)一次開發(fā),多端部署的能力。
    的頭像 發(fā)表于 05-20 14:59 ?691次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(<b class='flag-5'>一</b>多天氣)項目

    鴻蒙OS開發(fā):【一次開發(fā)多端部署】(天氣應用)案例

    本章通過個天氣應用,介紹多應用的整體開發(fā)過程,包括UX設計、工程管理及調(diào)試、頁面開發(fā)等。
    的頭像 發(fā)表于 05-15 15:42 ?822次閱讀
    鴻蒙OS<b class='flag-5'>開發(fā)</b>:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>】(天氣應用)案例

    HarmonyOS開發(fā)案例:【一次開發(fā)多端部署-音樂專輯】

    基于自適應和響應式布局,實現(xiàn)一次開發(fā)多端部署音樂專輯頁面。
    的頭像 發(fā)表于 05-13 16:48 ?556次閱讀
    <b class='flag-5'>HarmonyOS</b><b class='flag-5'>開發(fā)</b>案例:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>-音樂專輯】

    HarmonyOS開發(fā)案例:【一次開發(fā)多端部署(視頻應用)】

    者提供了“一次開發(fā),多端部署”的系統(tǒng)能力,讓開發(fā)者可以基于一次
    的頭像 發(fā)表于 05-11 15:41 ?1072次閱讀
    <b class='flag-5'>HarmonyOS</b><b class='flag-5'>開發(fā)</b>案例:【<b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b>,<b class='flag-5'>多端</b><b class='flag-5'>部署</b>(視頻應用)】

    HarmonyOS開發(fā)實例:【分布式新聞客戶端】

    基于柵格布局、設備管理和多端協(xié)同,實現(xiàn)一次開發(fā),多端部署的分布式新聞客戶端頁面。
    的頭像 發(fā)表于 04-17 15:57 ?732次閱讀
    <b class='flag-5'>HarmonyOS</b><b class='flag-5'>開發(fā)</b>實例:【分布式新聞客戶端】

    HarmonyOS SDK 助力新浪新聞打造精致易用的新聞應用

    用戶帶來更流暢、更智能、更安全的服務體驗。在 HarmonyOS SDK 豐富完備的開放能力加持下,一次開發(fā)多端部署的高效
    發(fā)表于 02-07 15:51

    淘寶與華為合作將基于HarmonyOS NEXT啟動鴻蒙原生應用開發(fā)

    1月25日,淘寶與華為舉辦鴻蒙合作簽約儀式,宣布將基于HarmonyOS NEXT啟動鴻蒙原生應用開發(fā)。
    的頭像 發(fā)表于 01-26 16:14 ?876次閱讀

    淺析:HarmonyOS 一次開發(fā)多端部署

    可以看出來,鴻蒙覆蓋千行百業(yè)的決心和勇氣,也可以預見系統(tǒng)的龐雜和勃勃生機。接入廠商的增多,鴻蒙原生應用的增多,希望大家能碰撞出更多的、更實用的場景和多能力。
    的頭像 發(fā)表于 01-22 18:13 ?882次閱讀
    淺析:<b class='flag-5'>HarmonyOS</b> <b class='flag-5'>一次</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>多端</b><b class='flag-5'>部署</b>