《移動(dòng)應(yīng)用與開(kāi)發(fā)項(xiàng)目實(shí)戰(zhàn)》任務(wù)七

繪制信息顯示板塊信息顯示板塊需要顯示電影封面圖片，電影名稱(chēng)，購(gòu)票按鈕等相關(guān)內(nèi)容信息。【任務(wù)描述】【任務(wù)目標(biāo)】【關(guān)鍵技術(shù)描述】1.繪制小標(biāo)題2.導(dǎo)入圖片3.輸入電影名稱(chēng)4.繪制購(gòu)票按鈕【使用工具】AdobeXD軟件中XXX工具【技術(shù)介紹】制作小標(biāo)題時(shí)，可以對(duì)垂直豎線或輸入的文字進(jìn)行顏色大小字體上的更改，但最后修改完成的格式，一定要與整個(gè)頁(yè)面的布局顏色進(jìn)行統(tǒng)一，如圖1-7-16所示。圖1-7-16調(diào)整布局顏色【任務(wù)實(shí)施】1.繪制小標(biāo)題點(diǎn)擊Windows開(kāi)始按鈕，在主菜單的所有程序中，點(diǎn)擊AdobeXD程序圖標(biāo)，打開(kāi)AdobeXD主界面。利用“直線”工具在全部服務(wù)下方（W:0,H:45,X:44,Y:1195）繪制一個(gè)小豎線如圖1-7-1所示。圖1-7-1繪制直線【任務(wù)實(shí)施】選中小豎線顏色修改為#49B0FE，大小改為10如圖1-7-2所示。圖1-7-2修改顏色、大小【任務(wù)實(shí)施】點(diǎn)擊“文本”工具，在豎線后（X:52,Y:1187）輸入“正在熱映”文字如圖1-7-3所示。圖1-7-3輸入文本【任務(wù)實(shí)施】2.導(dǎo)入圖片點(diǎn)擊上方菜單欄中“主頁(yè)”，選擇“導(dǎo)入”功能，選擇素材庫(kù)1-1-4，點(diǎn)擊“導(dǎo)入”按鈕。圖1-7-5導(dǎo)入照片【任務(wù)實(shí)施】如圖1-7-6所示將圖片導(dǎo)入至頁(yè)面（W:242,H:356,X:82,Y:1270）。圖1-7-6調(diào)整大小【任務(wù)實(shí)施】3.輸入電影名稱(chēng)點(diǎn)擊左側(cè)工具欄中的文本工具，在電影圖片的下方輸入電影名稱(chēng)（X:143,Y:1626）如圖1-7-7所示。圖1-7-7輸入文本【任務(wù)實(shí)施】選中文本框，修改文字（顏色為黑色，字體大小為30，字體粗細(xì)為Regular）如圖1-7-8所示。圖1-7-8修改文字屬性【任務(wù)實(shí)施】選中文本框，修改文字（顏色為黑色，字體大小為30，字體粗細(xì)為Regular）如圖1-7-8所示。圖1-7-8修改文字屬性【任務(wù)實(shí)施】4.繪制購(gòu)票按鈕（1）利用左側(cè)工具欄中的矩形工具，在電影名稱(chēng)下方繪制一個(gè)小矩形（W:149,H:65,X:143,Y:1688）如圖1-7-9所示。圖1-7-9繪制矩形【任務(wù)實(shí)施】（2）選中矩形，在右側(cè)屬性欄面板中選擇“外觀”中的圓角度數(shù)（輸入：38），填充顏色為：#FF8800，大小為：1，如圖1-7-10所示。圖1-7-10修改矩形樣式【任務(wù)實(shí)施】（3）利用文本工具在圓角矩形中輸入“購(gòu)票”文字（X:192,Y:1701），如圖1-7-11所示。圖1-7-11輸入文字【任務(wù)實(shí)施】（4）修改文字（文字顏色：白色，文字大小：30，文字粗細(xì)：Regular）如圖1-7-12所示。圖1-7-12修改文字【任務(wù)實(shí)施】（5）點(diǎn)擊圓角矩形和購(gòu)票文字，結(jié)合成組如圖1-7-13所示。圖1-7-13合并成組【任務(wù)實(shí)施】（6）選擇電影圖片，電影名稱(chēng)，購(gòu)票按鈕結(jié)合成組，利用“重復(fù)網(wǎng)格”工具復(fù)制相應(yīng)個(gè)數(shù)后點(diǎn)擊“取消網(wǎng)格編組”按鈕，如圖1-7-14所示。圖1-7-14復(fù)制組件