學(xué)習(xí)要點(diǎn)：
1.幻燈片 : ion-slide-box 指令介紹
2. ion-slide-box : 屬性設(shè)置定制播放行為
3. ion-slide-box : 事件及變量
4. 腳本接口: $ionicSlideBoxDelegate

靈寶網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)建站自2013年起到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

1.幻燈片 : ion-slide-box指令介紹
ion-slide-box可以做什么
1. 可以做啟動(dòng)切換頁(yè)面
2. 可以做首頁(yè)幻燈
3. 可以做頁(yè)面左右滑動(dòng)切換
Ionic放在那個(gè)指令使用
主要放在 ion-view 中使用
幻燈片也是一種常見的 UI 表現(xiàn)方式，它從一組元素中選擇一個(gè)投射到屏幕可視區(qū)域，用戶
可以通過(guò)滑動(dòng)方式（向左或向右）進(jìn)行切換：

在 ionic 中，使用 ion-slide-box指令聲明幻燈片元素，使用 ion-slide指令聲明幻燈頁(yè)元素：

...
...
...

2.ion-slide-box :屬性設(shè)置定制播放行為
指令 ion-slide-box 有一些可選的屬性可以定制其播放行為：
does-continue- 是否循環(huán)切換
你可能注意到， 剛才的示例中，開頭的幻燈頁(yè)只能向左滑動(dòng)，最后的幻燈頁(yè)只能向右滑動(dòng)。
將 does-continue屬性值設(shè)為 true，就可以讓幻燈頁(yè)組首尾連接起來(lái)，循環(huán)切換。
auto-play- 是否自動(dòng)播放

通過(guò)將 auto-play 屬性設(shè)置為 true，可以讓幻燈頁(yè)自動(dòng)切換。切換的間隔默認(rèn)是 4000ms，可
以 通過(guò)屬性 slide-interval 進(jìn)行調(diào)整。
slide-interval- 自動(dòng)播放的間隔時(shí)間，默認(rèn)為 4000ms
show-pager- 是否顯示分頁(yè)器
分頁(yè)器用來(lái)指示幻燈頁(yè)的選中狀態(tài)，位于幻燈片的底部。 允許值為： true | false

3. ion-slide-box :事件及變量
指令 ion-slide-box 提供了可選的用于事件監(jiān)聽的屬性：
pager-click- 分頁(yè)器點(diǎn)擊事件
pager-click 屬性應(yīng)當(dāng)設(shè)置為一個(gè)當(dāng)前作用域上的函數(shù)調(diào)用表達(dá)式，這個(gè)函數(shù)將被 傳入被點(diǎn)
擊的分頁(yè)按鈕對(duì)應(yīng)的幻燈頁(yè)序號(hào)： index
on-slide-changed- 幻燈頁(yè)切換事件
on-slide-changed 屬性應(yīng)當(dāng)設(shè)置為一個(gè)當(dāng)前作用域上的函數(shù)調(diào)用表達(dá)式，這個(gè)函數(shù) 將被傳入
當(dāng)前幻燈頁(yè)的序號(hào)： $index
active-slide- 當(dāng)前幻燈頁(yè)索引

active-slide 屬性應(yīng)當(dāng)設(shè)置為一個(gè)當(dāng)前作用域上的變量，當(dāng)幻燈片切換時(shí)，這個(gè)變 量同步的
反應(yīng)當(dāng)前的幻燈頁(yè)索引號(hào)
4.腳本接口: $ionicSlideBoxDelegate

可以使用服務(wù)$ionicSlideBoxDelegate 在腳本中操作幻燈片對(duì)象：
update() -重繪幻燈片
有時(shí)，比如當(dāng)容器尺寸發(fā)生變化時(shí)，需要調(diào)用 update()方法重繪幻燈片。
slide(to[,speed])- 切換到指定幻燈頁(yè)
參數(shù) to 表示切換的目標(biāo)幻燈頁(yè)序號(hào)，參數(shù) speed 是可選的，表示以毫秒 為單位的切換時(shí)間
enableSlide([shouldEnable])- 幻燈片使能
參數(shù) shouldEnable的允許值為： true | false 。

previous()- 切換到前一張幻燈頁(yè)
next()- 切換到后一張幻燈頁(yè)
currentIndex()- 獲得當(dāng)前幻燈頁(yè)的序號(hào)
slideCount()- 獲得全部幻燈頁(yè)的數(shù)量

交流QQ群：187269144

QQ群2：438443293

QQ群3：248403526

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前文章：ionic幻燈指令ion-slide-box-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)網(wǎng)址：http://weahome.cn/article/desdcj.html