Objective-C UI之自定義輪播圖控制項

来源:http://www.cnblogs.com/smithjackyson/archive/2016/01/23/5153360.html
-Advertisement-
Play Games

通過自定義輪播圖控制項,學習自定義控制項,本文介紹如何創建輪播圖控制項,方便以後使用,本控制項帶計時器,預設時間間隔是5.0秒,同時支持設置左右方向輪播,也支持手勢滑動切換,另外還可以指定從下標為currentPage的圖片開始輪播


下麵我們自定義一個輪播圖類ImageLoop繼承於UIView,類ImageLoop中包含一個UIScrollView和UIPageControl,其中定義三個屬性:

pageControll,position,currentPage可以自定義pageControl樣式,也可以使用position控制播放方向,或者設置從下標為currentPage的圖片開始播放

下麵是ImageLoop的介面文件:

#import <UIKit/UIKit.h>

typedef enum{Left,Right} Position;

@interface ImageLoop : UIView

@property (nonatomic,retain)UIPageControl *pageControll;
@property (nonatomic,assign)Position position;
@property (nonatomic,assign)NSInteger currentPage;

- (instancetype)initWithFrame:(CGRect)frame imageArray:(NSMutableArray *)array position:(Position)position;

@end

 

在初始化方法中初始化所有控制項,除了pageControl,還有scrollView、三個UIImageView,一個計時器timer

此demo輪播的思路是利用三個UIImageView分別代表顯示的圖片,和顯示的圖片的左邊以及顯示的圖片的右邊,通過不斷設置三個imageView的UIImage達到輪播的效果,當scrollView滑動到右邊的時候,設置中間和左邊的圖片為下一張圖片(註意邊界問題),然後讓scrollView滑動到中間,接著設置右邊的圖片為當前的圖片的下一張(同樣註意邊界問題),如此重覆就可以達到迴圈播放了

因為控制項里包含一個計時器timer,所以當手勢滑動時,要停止計時器,圖片切換成功後就重新創建一個timer重新計時,同樣,設置當前的圖片currentPage時,要先停止計時器,之後再重新啟動。設置方向時,定時器也會停止,然後重新根據方向和timer進行播放。

 

下麵是demo的下載鏈接:

ImageLoop

 

 


轉載請註明:作者SmithJackyson


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、校驗數字的表達式 1 數字:^[0-9]*$ 2 n位的數字:^\d{n}$ 3 至少n位的數字:^\d{n,}$ 4 m-n位的數字:^\d{m,n}$ 5 零和非零開頭的數字:^(0|[1-9][0-9]*)$ 6 非零開頭的最多帶兩位小數的數字:^([1-9][0-9]*)+(.[0-9]...
  • 前一段時間在網站上學習互聯網,無意間發現開發app也可以很簡單,雖然功能上可能還不理想,但是對於我這樣剛入行的程式員已經足夠了.是一個叫愛碼哥的開發平臺,應用了第三代的移動中間件開發app.採用xml和js的開發方式,可能有的人還不知道xml和js是什麼,我這裡簡單介紹一下,xml就是可擴展的標記語...
  • 先說一說兩者之間的異同 兩者都可以引用外部CSS的方式,現在主流瀏覽器兩者都支持(ps:@import是CSS2.1提出的),但是存在一定的區別:1.link是XHTML標簽,除了載入CSS外,還可以定義其他事務;@import屬於CSS範疇,只能載入CSS也只能在css代碼裡面使用。 li...
  • 本篇通過幾個例子對AngularJS中的Directive進行彙總。例子1,單向綁定和雙向綁定 ==單向綁定{{contacts.length}}the first name is {{contacts[0].firstname}}{{contacts[0].f...
  • css3動畫使用技巧之—JQ配合css3實現輪播之animation-delay應用 1 2 3 4 5 ...
  • 利用轉場動畫實現(這裡不說轉場動畫),主要就是幾個坐標的轉換:將cell上的imageView快照生成一個snapView(直接創建一個ImageVIew也一樣), 在將cell上image的frame 坐標轉換到containerView上,在將snapView放大到目標尺寸 (首先你要知道轉場動...
  • 一、日誌工具類 Log.java 1 public class L 2 { 3 private L() 4 { 5 /* 不可被實例化 */ 6 throw new UnsupportedOperationException("Ca...
  • 在這個大冬天里默默敲著鍵盤,勿噴.今天學習swift過程中,學習到閉包,發現閉包和oc的block中有很多的相同之處,又重新學習了一下並且學習了一些高級點的用法,內容如下:1.block格式說明:(返回類型)(^塊名稱)(參數類型) = ^(參數列表) {代碼實現};//如果沒有參數,等號後面參數列...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...