在手指的滑動(dòng)中可以同時(shí)把上下兩個(gè)容器里的圖片或內(nèi)容進(jìn)行切換，已形成相互對(duì)切的效果。下面我們來展示一下做出這樣的效果所需要的步驟。 步驟一：添加頁(yè)面和滑動(dòng)時(shí)間軸 1. 在舞臺(tái)下添加一個(gè)頁(yè)面。選中舞臺(tái)

在手指的滑動(dòng)中可以同時(shí)把上下兩個(gè)容器里的圖片或內(nèi)容進(jìn)行切換，已形成相互對(duì)切的效果。下面我們來展示一下做出這樣的效果所需要的步驟。

步驟一：添加頁(yè)面和滑動(dòng)時(shí)間軸

1. 在舞臺(tái)下添加一個(gè)頁(yè)面。選中舞臺(tái)，在工具欄里點(diǎn)擊頁(yè)面工具，添加一個(gè)頁(yè)面。

2. 選中頁(yè)面，點(diǎn)擊工具欄里的滑動(dòng)時(shí)間軸工具，在舞臺(tái)上畫出一個(gè)矩形，添加一個(gè)滑動(dòng)時(shí)間軸。

步驟二：添加上下容器

1. 在滑動(dòng)時(shí)間軸下添加兩個(gè)透明按鈕，作為存放圖片的容器，分別命名為上層容器和下層容器。選中滑動(dòng)時(shí)間軸1，點(diǎn)擊工具欄下的透明按鈕工具，在舞臺(tái)的上方畫出一個(gè)矩形，添加透明按鈕，命名為上層容器。選中滑動(dòng)時(shí)間軸1，點(diǎn)擊工具欄下的透明按鈕工具，在舞臺(tái)的下方畫出一個(gè)矩形，命名為下層容器，這兩個(gè)透明按鈕容器用來固定圖片的位置。

2. 在兩個(gè)透明按鈕的屬性設(shè)置中，剪切設(shè)置為YES。

步驟三：添加圖片和軌跡

1. 在上層容器和下層容器中，各添加若干張圖片。選中上層容器對(duì)象，點(diǎn)擊工具欄里的圖片工具，在上層容器框中畫出一個(gè)矩形，添加圖片。選中下層容器對(duì)象，點(diǎn)擊工具欄里的圖片工具，在下層容器框中畫出一個(gè)矩形，添加圖片。

2. 在每張圖片下，各添加一個(gè)軌跡。選中圖片上3對(duì)象，點(diǎn)擊工具欄里的軌跡工具，添加軌跡，如此類推，每一張圖片都給它一個(gè)軌跡。

步驟四：設(shè)置關(guān)鍵幀

在軌跡上面添加特定的關(guān)鍵幀。點(diǎn)擊Add按鈕，即可在軌跡上添加關(guān)鍵幀。以圖下3和圖上3為例。首先設(shè)定它們?cè)谲壽E上的初始位置，一般的初始位置是定在容器的外面，以滑動(dòng)的方式進(jìn)入容器，而第二個(gè)關(guān)鍵幀就是圖片完全進(jìn)去容器后的位置，一般設(shè)置圖片的位置跟容器的位置一樣就行。

同理也可以在滑動(dòng)時(shí)間軸上設(shè)置圖上2和圖下2、圖上1和圖下1的關(guān)鍵幀，從而實(shí)現(xiàn)上下容器的連續(xù)連貫滑動(dòng)。

重點(diǎn)工具與參數(shù)

1. 滑動(dòng)時(shí)間軸：用于控制圖片的滑動(dòng)出現(xiàn)時(shí)間和位置。

2. 透明按鈕：作為容器，用于放置需要滑動(dòng)的圖片。

3. 軌跡：用于控制圖片的運(yùn)動(dòng)軌跡。

4. 滑動(dòng)放大比例：通過設(shè)定手指滑動(dòng)的距離對(duì)滑動(dòng)時(shí)間軸播放進(jìn)度進(jìn)行控制，默認(rèn)值為1。在本案例中，滑動(dòng)放大比例的數(shù)值設(shè)置一般為0.2到0.5，以符合瀏覽的滑動(dòng)節(jié)奏。

小提示

1. 使用透明按鈕作為容器，將需要滑動(dòng)的圖片放在里面，利用滑動(dòng)時(shí)間軸控制每張圖片滑動(dòng)出現(xiàn)的時(shí)間和位置，從而實(shí)現(xiàn)了圖片上下對(duì)切的效果。

2. 滑動(dòng)放大比例：使用此參數(shù)來設(shè)定手指滑動(dòng)的距離對(duì)滑動(dòng)時(shí)間軸軸播放進(jìn)度的控制，默認(rèn)值為1?；瑒?dòng)比例設(shè)得較小時(shí)，滑動(dòng)時(shí)間軸隨著同樣的滑動(dòng)動(dòng)作，會(huì)播放得更慢。在本案例中，滑動(dòng)放大比例的數(shù)值設(shè)置一般為0.2到0.5，以更符合瀏覽的滑動(dòng)節(jié)奏。