作者簡介

作者名：1_bit
簡介：CSDN博客專家，2020年博客之星TOP5，InfoQ簽約作者、CSDN新星導師，華為云享專家。15-16年曾在網上直播，帶領一批程序小白走上程序員之路。歡迎各位小白加我咨詢我相關信息，迷茫的你會找到答案。

劇情

👸小媛：bit 哥好久不見。😏

🐶1_bit：好久不見，小媛小可愛。😇

👸小媛：告訴你一件大事情。

🐶1_bit：什么事情還要專程過來跟我講？

👸小媛：當然是一件大事，你肯定會吃驚的。

🐶1_bit：什么大事？我竟然會吃驚？

👸小媛：我要結婚了！！！😎

🐶1_bit：噗！？今天剛好4月1號，我不信。

👸小媛：請帖都給你帶來了，你看。

🐶1_bit：唔，做戲做全套呀。你這個包里面怎么一堆請帖？

👸小媛：當然是發給其他人呀。

🐶1_bit：你真的要結婚了？

👸小媛：對呀，等下我還要去快遞給其他朋友。

🐶1_bit：牛啤，給你個666。🌟

👸小媛：記得來吃喜酒，我先去寄快遞了。

🐶1_bit：去吧，恭喜恭喜早生貴子。

👸小媛：( ^_ )/~~拜拜。

🐶1_bit：哎呀，不對。你怎么不做個電子請帖？

👸小媛：我都不會了，你百八十年前交給我的編程都忘記了。😠

🐶1_bit：那你復習復習不就好了？

👸小媛：花時間，真懶，復習就是一個月。

🐶1_bit：還記得我教給你的iVX嗎？

👸小媛：記得呀，那個很好用的東西。不過忘了，現在都2100年了，80年前的東西咋記得。

🐶1_bit：那我就十分鐘教你做一個吧，超級簡單，你等下就可以分享你的請帖鏈接出去了，豈不是很方便？

👸小媛：唔，這么牛皮？

🐶1_bit：那現在就開始吧。

👸小媛：好勒。

制作

🐶1_bit：首先我們先進入 iVX 的線上編輯器 https://editor.ivx.cn/，記得登錄帳號，然后選擇H5應用及絕對定位。

👸小媛：然后呢？這種創建的步驟還是會的。

🐶1_bit：點擊創建后就有一個操作界面了，接下來我們就跟操作Photoshop一樣操作，畫出來你的邀請函。

👸小媛：這一步還記得，接下來怎么畫我忘記了。

🐶1_bit：簡單。你現在先點擊右側對象樹中的前臺，在前臺下添加一個頁面。

👸小媛：怎么添加呢？🙌

🐶1_bit：在左側點擊頁面就可以添加了。

👸小媛：點了，添加后的右側對象樹中多了一個頁面。

🐶1_bit：那接下來我們就給這個頁面添加一個背景吧。點一點對象樹中的這個頁面將會在左側出現一個屬性面板。

👸小媛：然后在背景圖那里點上傳按鈕上傳圖片？

🐶1_bit：是的，背景圖我給你了，你上傳一下。

👸小媛：解決了，哈哈哈。

🐶1_bit：那我們接下來就在上面添加一些元素吧。首先需要先添加一個橫幅。

👸小媛：橫幅啥意思？

🐶1_bit：橫幅可以幫助你添加的東西固定在屏幕中的一個位置。

👸小媛：這有什么用呢？

🐶1_bit：有時候有些人的手機屏幕不一樣，這樣就會導致你添加的圖片、文章在iPhone上在中部，而在小米上在下部，使用橫幅就可以永遠固定在中部了，不管那些手機屏幕多長多寬。

👸小媛：原來如此，教我吧。

🐶1_bit：加下來你首先在對象樹中選擇頁面，然后在左側組件欄中選擇一個橫幅元素，就是這個。

👸小媛：添加了，在頁面中對了一塊，好難看。💥

🐶1_bit：沒事，這個時候我們可以先更改他的位置。在對象樹中選中這個橫幅，然后在屬性面板中將整體布局改為中心。

👸小媛：這個時候這個橫幅到中間了耶。

🐶1_bit：那么接下來我們就把屬性面板這個橫幅的背景色透明度改為0就看不見了。

👸小媛：解決，啥都沒有了。

🐶1_bit：那么接下來我們在對象樹中選中橫幅，開始往里面添加東西，我們先添加一個名字的背景吧。

👸小媛：好的。

🐶1_bit：選擇橫幅后點擊圖片，此時鼠標將會變成一個十字，可在頁面中進行繪制大小，繪制完畢后將會彈出一個資源選擇窗口，這個時候你把我給你的圖片素材放上去就可以了。

👸小媛：好耶，解決了。

🐶1_bit：那么接下來我們再選擇橫幅添加名字，然后點擊左側的中文文本組件進行繪制。

👸小媛：可以了，我還在屬性中改了字體、大小、和文字，賊好看。


🐶1_bit：我還可以給你的字體加特效呢。

👸小媛：哇，這么厲害？怎么做？

🐶1_bit：你點你的這個中文文本，然后在左側將會出現一個繆按板，點擊這個動效按鈕添加動效到你的文本之中。

👸小媛：添加了，下一步該怎么做？

🐶1_bit：下一步點擊動效，里面有很多效果，你還可以預覽，你去看一下。

👸小媛：這樣就可以了吧？我選擇了動效類型為心跳，打開了循環播放。

🐶1_bit：當然，你點預覽按鈕看一下效果。

👸小媛：完美呀！

🐶1_bit：很贊吧？那接下來我們再添加一些圖片，你這個應該會做了吧？

👸小媛：會了會了，真簡單，哈哈哈。

🐶1_bit：那你自己去試試吧，我就不教你了，你想做成啥樣的就自己動手吧。

👸小媛：問題不大。

👸小媛：做好了，賊棒，哈哈哈，我回去再加工一下，謝謝bit哥。

🐶1_bit：既然你想寫我，那…份子錢就不給了吧，我就去白吃白喝就好了，實在不行你打包點飯菜給我也行。

👸小媛：這可不行，我還等著bit哥的大紅包呢。不如我介紹個嫂子給你吧，她叫做鉤子，是不是很有趣這個名字。😎

🐶1_bit：嗯，份子錢我準備好了，我還有事，先走了。🙎

👸小媛：拜拜，單身汪。