你好,歡迎來到IOS教程網

 Ios教程網 >> IOS訊息 >> 關於IOS >> 源碼推薦(7.10):精仿網易新聞SXNews,側拉菜單的小demo

源碼推薦(7.10):精仿網易新聞SXNews,側拉菜單的小demo

編輯:關於IOS

精仿網易新聞 SXNews(作者:董鉑然)

精仿的網易新聞。筆者工作之余,對著網易UI,扒網易圖片素材,抓取網易接口等做的。裡面完成了主導航頁,新聞詳情頁,圖片浏覽頁,評論頁。效果不錯,比網上流傳的各種和網易新聞UI架構有關的代碼都要完整,都要好。

主導航頁面主要功能點是在頂部的標題欄可以滑動,scrowView和collectionView的循環利用並且在點擊標題欄或是,手勢滑動的時候,下面的頁面都會滑到當前的頁面。 並且新聞模塊是懶加載的,你要看哪幾個頁面他才會加載。這是通過控制scrowView的兩個手勢停止的代理方法來實現的。 下面的新聞模塊提供了4種自定義的cell,通過對數據的解析,來判斷改加載到哪種自定義cell中。 結果讓主頁顯得很豐富。

關於新聞詳情頁,網易原本的接口在上一個頁面返回的數據中既有一個url地址,也有一個xml的字符串,url地址展示後不美觀,所以做法是將xml格式的字符串解析並在webView中展示,這其中做到了圖文混排並設置了css樣式。本頁面主要的亮點是JS代碼與OC代碼間的傳值。在webview中點擊圖片後下面彈出可以保存的式樣,這是控制一個頁面重定向方法攔截發出的請求來實現的。

評論頁相對較為簡單,就是普通的自定義cell。控制好自定義的行高就沒有問題了。關於用戶介紹的那個label可以用正則過濾下的,不過寫這玩意主要精力都在核心功能上這裡就沒仔細弄了。

圖片查看器頁面也是基本達到了模仿的效果,下面的文字和9/16等樣式都是通過scrowView的偏移量動態計算的,並且和首頁一樣也是懶加載圖片的方式,在圖片下載中還未顯示時會有一個網易的占位圖片。

本項目還用到了上拉加載下拉刷新和一些關於父子控制器嵌套和自定義導航欄等技術知識,這些對平時的開發也是有一定幫助的。

測試環境:Xcode 6.2,iOS 6.0以上

源碼推薦(7.10):精仿網易新聞SXNews,側拉菜單的小demo

側拉菜單的小demo

學iOS開發也有段時間了,自己寫了一個簡單實現側拉菜單的小demo,供初學者共同學習、練習使用。

實現效果如下:?

例子和做法參考了RayWenderlich上的這篇文章。

測試環境:Xcode 6.2,iOS 6.0以上

源碼推薦(7.10):精仿網易新聞SXNews,側拉菜單的小demo

轉場動畫庫(作者:zhenlintie)

STTransition一個視圖控制器(ViewController)轉場動畫及交互的控制器。

內置了兩個常用的動畫:

  • STScaleZoomAnimation

  • STDirectionAnimation

一個常用的手勢交互

  • STSwipeInteraction

並且可通過設置屬性來調整需要

測試環境:Xcode 6.2,iOS 6.0以上

源碼推薦(7.10):精仿網易新聞SXNews,側拉菜單的小demo

一個帶動畫的等待指示器(作者:skytoup)

一個簡單的等待指示器

可自定義圓弧粗細、顏色、旋轉速率

可自定義標簽顯示

使用方法

把頭文件 SkyWaitingView.h 導入項目,然後設置各屬性,具體使用方法請參考示例項目。

測試環境:Xcode 6,iOS 7.0以上

源碼推薦(7.10):精仿網易新聞SXNews,側拉菜單的小demo

QQ側滑菜單demo(作者:wamaker)

模仿QQ的側滑菜單

控制器Pop手勢參照博客:http://www.jianshu.com/p/d39f7d22db6c

測試環境:Xcode 6.2,iOS 6.0以上

源碼推薦(7.10):精仿網易新聞SXNews,側拉菜單的小demo

  1. 上一頁:
  2. 下一頁:
蘋果刷機越獄教程| IOS教程問題解答| IOS技巧綜合| IOS7技巧| IOS8教程
Copyright © Ios教程網 All Rights Reserved