《移動應(yīng)用與開發(fā)項目實戰(zhàn)》任務(wù)十三

設(shè)計寵物醫(yī)院界面

點擊底部導(dǎo)航欄，寵物醫(yī)院進入寵物醫(yī)院頁面，頁面包括寵物種類標(biāo)題和種類，我的問診，問診案例標(biāo)題和案例列表?！救蝿?wù)描述】【任務(wù)目標(biāo)】【關(guān)鍵技術(shù)描述】1.繪制小標(biāo)題2.繪制寵物種類按鈕3.繪制我的問診內(nèi)容4.繪制問診案例列表【使用工具】AdobeXD軟件中XXX工具【技術(shù)介紹】（1）使用左側(cè)工具欄面板中的“文本”工具和“直線”工具，利用直線工具繪制出一條垂直短線（W:0,H:50,X:51,Y:790），顏色：#49B0FE，大?。?0。如圖1-13-21所示。圖1-13-21繪制豎線點擊文本工具，在繪制的短線后面輸入標(biāo)題內(nèi)容（X:63,Y:786），字體大?。?5，字體粗細：Regular如圖1-13-22所示。圖1-13-22繪制字體【任務(wù)實施】1.繪制小標(biāo)題點擊Windows開始按鈕，在主菜單的所有程序中，點擊AdobeXD程序圖標(biāo)，打開AdobeXD主界面。（1）在打開的主界面上，利用“直線”工具在導(dǎo)航欄下方（W:0,H:50,X:51,Y:258）繪制一個小豎線如圖1-13-1所示。圖1-13-1繪制小標(biāo)題【任務(wù)實施】選中小豎線顏色修改為#49B0FE，大小改為7如圖1-13-2所示。圖1-13-2繪制小標(biāo)題點擊“文本”工具，在豎線后（X:63,Y:254）輸入“寵物分類”文字如圖1-11-3所示。圖1-13-3修改文字【任務(wù)實施】點擊文本框，修改顏色為#47A3FF，字體大小為40，字體粗細為Regular如圖1-13-4所示。圖1-13-4調(diào)整顏色【任務(wù)實施】2.繪制寵物種類按鈕（1）點擊頁面左上角的文件，選擇導(dǎo)入功能，進入素材庫，選擇自己所需要的圖片（W:200,H:200,X:440,Y:718）如圖1-13-5所示。圖1-13-5修改位置【任務(wù)實施】（2）圖片導(dǎo)入至桌面，將圖片拖動至合適位置（W:128,H:128,X:83,Y:347）調(diào)整圖片大小，如圖1-13-6所示。圖1-13-6拖動位置（3）更改圖片大小后，利用文本工具在圖片下方輸入寵物種類名稱（X:98,Y:463）更改字體（顏色：#000000，字體大小：45，字體粗細：Regular）如圖1-13-7所示。圖1-13-7輸入文字【任務(wù)實施】將圖片和文字組合成組件如圖1-13-8所示。圖1-13-8結(jié)合組件（4）點擊組件利用重復(fù)網(wǎng)格功能，選擇自己所需要的個數(shù)后，點擊取消重復(fù)網(wǎng)格按鈕如圖1-13-9所示。圖1-13-9利用重復(fù)網(wǎng)格【任務(wù)實施】（5）修改利用重復(fù)網(wǎng)格所得出的組件，將組件中的圖片和寵物種類的名字都進行修改如圖1-13-10所示。圖1-13-10修改其他分類3.繪制我的問診內(nèi)容（1）點擊左側(cè)工具欄中的矩形工具，在頁面繪制一個較大的矩形，如圖1-13-11所示。圖1-13-11繪制矩形【任務(wù)實施】點擊文本工具，在矩形中輸入醫(yī)生的名字和案例描述，調(diào)整字體（顏色：#000000，字體大小：45，字體粗細：Regular）如圖1-13-12所示。圖1-13-12修改文字最后在矩形中導(dǎo)入醫(yī)生的圖片（15-10）調(diào)整大?。╓:235,H:235,X:52,Y:883）如圖1-13-13所示。圖1-13-13調(diào)整圖片【任務(wù)實施】（2）將圖片，文字和矩形框結(jié)合在一起，結(jié)合成組如圖1-13-14所示。圖1-13-14結(jié)合成組選中組件，復(fù)制粘貼調(diào)整位置修改內(nèi)容如圖1-13-15所示。圖1-13-15修改內(nèi)容【任務(wù)實施】4.繪制問診案例列表（1）點擊左側(cè)工具欄中的矩形工具，在頁面繪制一個較大的矩形（W:939,H:238,X:51,Y:1499）如圖1-13-16所示。圖1-13-16繪制矩形【任務(wù)實施】點擊文本工具，在矩形中輸入醫(yī)生的名字和案例描述，調(diào)整字體（顏色：#000000，字體大小：45，字體粗細：Regular）如圖1-13-17所示。圖1-13-17修改文字【任務(wù)實施】最后在矩形中導(dǎo)入醫(yī)生的圖片（15-14）調(diào)整大?。╓:238,H:238,X:49,Y:1499）如圖1-13-18所示。圖1-13-18調(diào)整圖片【任務(wù)實施】（2）將圖片，文字和矩形框結(jié)合在一起，結(jié)合成組如圖1-13-19所示。圖1