# 拖放容器的使用 * * * * * 拖放組件允許用戶指定一個拖放容易用來接收拖放元素實現特性的交互效果（例如教育類測試題）。下面用實例來說明如何使用拖放組件。 示例地址： http://prerelease.mugeda.com/client/preview_css3.html?id=d927803f 編輯地址： http://prerelease.mugeda.com/animation/edit/d927803f 1、首先在工具欄選擇拖放組件。  2、在舞臺上繪制拖放組件。拖放組件在舞臺上可見，但是在渲染時不可見。如果需要，可以在拖放組件下面疊加圖片、形狀等可見元素。  3、繪制好后，可以對其進行屬性配置。  各個屬性說明如下： 1) 放置提示：當元素拖放進入拖放容器時用一個半透明的填充顏色做提示； 2) 提示顏色：放置提示的填充顏色； 3) 允許多次拖放：是否允許同時在容器中放置多個元素；如果不允許，當新的元素放置后，之前的元素會自動復位到初始位置； 4) 自動對準：當拖放元素靠近容器時，將拖放元素自動放置到容器中央； 5) 自動復位：如果釋放拖放元素時元素不在容器范圍內，是否將元素復位到初始位置； 6) 允許物體：在這里添加允許放置到容器中的命名物體。這些物體需要配置允許拖放的屬性。  拖放組件設置完成后，在渲染的時候，可以用鼠標(PC)或者手指(手機)拖動某一個元素。當元素位于容器的范圍內放下物體，物體即可在指定容器中被記錄下來。如果想要在放置元素到容器或者拖動元素離開容器后改變元素的屬性（例如改變文字顯示或者改變元件實例播放位置），可以為組件添加觸發條件為“拖動物體放下”和“拖動物體離開”的行為。  為了獲取拖放組件的結果，可以通過下面的宏來獲取（假如拖放組件的名稱是"拖放") ： {{拖放}}: 放置在拖放組件中的第一個命名元素的名稱 。 {{拖放.0}}, {{拖放.1}}, {{拖放.2}}: 放置在拖放組件中的的第0,1,2個命名元素的名稱 。 如果沒有放置下來的元素，上面的表達式返回空字符串("")。  觀看本節視頻教程： http://cdn1.mugeda.com/course/3/3.5/3.5.10.mp4