好這是第三篇，進度有點小慢，主要最近咱們挺忙碌更新產(chǎn)品的，預(yù)告一下優(yōu)雅草科技將要推出一款酒吧點餐-運營-活動-供應(yīng)商進銷存erp的一款線下線上結(jié)合軟件，已在成都地區(qū)酒吧穩(wěn)定商用好幾年，本文為伊凡原創(chuàng)撰寫僅僅代表伊凡個人觀點，不代表優(yōu)雅草科技的觀點與其立場，謝謝，有問題歡迎來找伊凡聊。

1，頁面設(shè)計

既然我們要寫個鴻蒙版的蜻蜓短視頻系統(tǒng)，首先我們規(guī)劃一下我們要做的內(nèi)容，因為目前我們自家的這個系統(tǒng)已經(jīng)很龐大了我們這個專欄無法寫滿制作所有的功能因此我們精簡一下實現(xiàn)為制作個人中心，短視頻，圖文，BTC電商4個部分即可，我先簡單擼，擼完后優(yōu)雅草的兄弟們再來精加工收尾，因此規(guī)劃為：

編輯切換為居中

2，鴻蒙的頁面關(guān)系

首先鴻蒙的頁面是主頁面里面包含子頁面，一個ability對應(yīng)一個hap，所有的hap整體打包為一個App，也就是模塊化，主頁面ability里面包含多個子頁面abilityslice，如果大家學(xué)過vue，那么其實就是vue頁面中的組件components里面的內(nèi)容，可以在任何vue頁面中調(diào)用。

3，config.json 配置說明

配置文件，我將對應(yīng)意思 寫在后方了。

{ ?"App": { ? ?"bundleName": "com.youyacao.songshuvideo", ? ?App包名 ? ?"vendor": "youyacao", ?描述 ? ?"version": { ? ? ?"code": 1000000, ?版本號- 內(nèi)部看 ? ? ?"name": "1.0.0" ? 版本號-用戶看 ? ?} ?}, ?"deviceConfig": {}, ?應(yīng)用在設(shè)備上的信息 ?以及配置對應(yīng)需要獲取權(quán)限的信息 ?"module": { ? ?"package": "com.youyacao.songshuvideo", ?App包名 ? ?"name": ".MyApplication", hap包的名字 ? ?"mainAbility": "com.youyacao.songshuvideo.MainAbility", hap包的入口 ? ?"deviceType": [ ?能應(yīng)用的設(shè)備類型， ? ? ?"phone" ?代表手機，還有更多諸如car 車載 tv ipad 之類的 ? ?], ? ?"distro": { ?當(dāng)前hap包的信息 ? ? ?"deliveryWithInstall": true, ?是否 伴隨應(yīng)用安裝 ? ? ?"moduleName": "entry", hap包的名稱 ? ? ?"moduleType": "entry", hap包的類型 ? ? ?"installationFree": false ?如果安裝不了的時候 ?就改false，關(guān)于這個的討論還有點信息 ? ?}, ? ?"abilities": [ ?核心內(nèi)容，此處有點類似uniApp里面的page.json ? ? ?{ ? ? ? ?"skills": [ ? ? ? ? ?{ ? ? ? ? ? ?"entities": [ ? ? ? ? ? ? ?"entity.system.home" ? ? ? ? ? ?], ? ? ? ? ? ?"actions": [ ? ? ? ? ? ? ?"action.system.home" ? ? ? ? ? ?] ? ? ? ? ?} ? ? ? ?], ? ? ? ?"orientation": "unspecified", ? ? ? ?"name": "com.youyacao.songshuvideo.MainAbility", ? ? ? ?"icon": "$media:icon", ? ? ? ?"description": "$string:mainability_description", ? ? ? ?"label": "$string:entry_MainAbility", ? ? ? ?"type": "page", ? ? ? ?"launchType": "standard" ? ? ?} ? ?] ?} }

實際開發(fā)過程中會開始做這些部分，

程序的運行過程

編輯切換為居中

編輯切換為居中

類名為myApplication，下方

編輯切換為居中

入口的ability對應(yīng)的mainAbility的MainAbility 對應(yīng)著下方的ability的詳細(xì)內(nèi)容。

編輯切換為居中

子頁面MainAbilitySlice 再進去 ，

編輯切換為居中

這里進去可以看到xml文件在，ability_main.xml 雙擊進入。

編輯切換為居中

修改一下文字和尺寸，運行看看效果

編輯切換為居中

.

效果出來了，本文到此結(jié)束，第四篇介紹一些比較常用和重要的用法，第五篇直接開始做首頁。