1. 程式人生 > >畫容,簡單輪播

畫容,簡單輪播

畫容hallery.cn )0.12.0 版本中新增了一枚 輪播 物件,通過該物件我們可以超級便捷的製作輪播效果。

初識畫容,請看此文《簡單頁面開發神器——畫容》

建立輪播物件

首先,新建一個 輪播物件,只需單擊:

新建輪播物件

————————————

然後,進入該輪播物件的 工作選中 模式,即 單擊一下選中的輪播物件本身

進入工作選中

注意:

  1. 進入工作選中模式後,頁面上的其他物件全部被隱藏,可以讓我們專注於當前輪播物件;
  2. 工具欄中只剩下了圖片物件可用,這是因為 目前在輪播物件內部僅支援放置 圖片物件
  3. “按 Esc 鍵”或“在輪播工作區外部單擊”可退出工作選中模式。

————————————

接下來,我們就可以上傳圖片了,單擊一下工具欄上的 圖片,可一次選擇多張圖片哦:

上傳圖片

————————————

如果圖片的順序不合適,可以直接拖移重排:

拖移排序

————————————

最後,按下 Esc 鍵(退出圖片選中)、再按下 Esc 鍵(退出輪播工作選中),就出來了,我們的輪播物件就出鍋了:

退出工作選中

從此,製作輪播效果是不是 so easy!而且還有幾十種切換效果待選哦!

輪播調板

當我們選中一個輪播物件的時候,右邊會出現 輪播調板,可以讓我們定製該輪播物件的各種屬性:

輪播調板

由此調板我們可以看到輪播物件的一些特性:

  1. 輪播物件的寬度確定是 100%,左右頂到底的,所以 X座標 也確定為 0 不可更改;
  2. 輪播切換的 時間間隔 可自由調整;
  3. 輪播中的 分頁器 可自定義顏色,或直接取消掉;
  4. 當然,有很多種 輪播效果 待選。

然,如果真心需要特別的寬度,可將輪播放置到 矩形物件 內部,轉而設定矩形的寬度。

設定連結

我們做了輪播區後,一般肯定是要設定連結的,用畫容可以輕鬆做到,只需進入輪播的 工作選中 模式,選中相應的圖片,單擊滑鼠右鍵:

設定連結

從右鍵選單中單擊 連結 即可通過彈出的對話方塊設定連結了。

另外,注意到選中圖片時,右側 圖片調板 中的 替換 按鈕了麼,通過此功能可快速替換圖片哦。

最後,附一枚 畫容 註冊邀請碼 A9A098