KAG教學(應用篇)---附有頭像的對話框

(建議在閱讀本篇教學之前，請先閱讀KAG教學---不要再製造不思議事件，顯示前景(2)、KAG教學---美化這黑色的東西，文字圖層(1)、KAG教學---萬能的功能，layopt) 

(k ﾟ∀ﾟ)<今次利用[layopt]的功能來製作一個附有頭像的對話框，其實概念十分簡單，只是一個文字圖層的對話框加上一個頭像的前景圖層。

(k ﾟ∀ﾟ)<不過那前景圖層顯示在文字圖層的前面，而且當文字圖層被隱藏時，這前景圖層還會一同被隱藏。

附有頭像的對話框?聽起來滿有趣。>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<這種對話框也算是常見的，不過用起來有點麻煩，原本只是切換立繪，現在既要切換立繪，還要切換頭像，令工作量大增。

(k ﾟ∀ﾟ)<我們主要用[layopt]來設定好顯示頭像的圖層，包括位置等，還用到最重要的autohide和index屬性。以下是範例和所使用的素材。

 素材:

 範例:

[layopt layer=2 left=0 top=320 autohide=true index=1010000 visible=true] [position page=fore layer=message0 left=0 top=320 height=160 width=640 marginl=165] [image storage="bg1" page=fore layer=base] [image layer=2 storage="head_x"] 你好，我是X![p][cm] [layopt layer=2 visible=false] 下一個是......[p][cm] [image layer=2 storage="head_y" visible=true] 大家好，我是Y!

(k ﾟ∀ﾟ)<我們用index屬性把前景圖層放到文字圖層的前面，message0預設的索引值是1000000，只要把前景圖層的索引值設定成更大的數值，就會顯示在文字圖層的前面。

(k ﾟ∀ﾟ)<而autohide屬性則設定為true，這樣頭像就可以跟對話框一起隱藏起來。

為什麼[position]會用到marginl屬性?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<由於頭像遮蔽著原本對話框的位置，所以需要用marginl等屬性重新設定顯示文字的範圍。

(k ﾟ∀ﾟ)<以後改變頭像的話，大家只要用[image]直接顯示頭像就可以，不需要設定其他東西，每個頭像的高度和寬度最好是一致，否則很難調整好位置。

但有時候我們會不顯示頭像，例如非對話形式的內容，那時候該怎麼辦?>( ﾟωﾟ s)

(k ﾟ∀ﾟ)<主要的方法有兩種，一是預備一張完全透明的圖像，當不顯示頭像的時候，用[image]顯示那張透明圖像，二是上述範例使用的方法，用[layopt]的visible屬性設定不顯示，當要顯示頭像時，才再次使用visible屬性設定顯示。

(k ﾟ∀ﾟ)<用上述的方法大致上已經可以製作一個附有頭像的對話框，只要配合一個精美的對話框，以後把頭像調整適當位置，就已經完成了這個對話框。

(k ﾟ∀ﾟ)<今次就到這裡，下次再見。