1. 程式人生 > >iOS螞蟻森林的loading效果

iOS螞蟻森林的loading效果

最近有在玩收能量,於是就發現了一個很好玩的東西,就是在搶能量的時候,就是在網路比較差的時候,就會出現有個loading的介面,一直在那裡,首先是看到那個loading頁面,很煩人,所以就突發奇想,直接把那個loading頁面做出來了,發現很簡單,好了,還是先上傳效果圖吧;

1.先上傳效果圖


炸一看效果圖,感覺很難,其實呢,當然很簡單嘍,具體的步驟,我下面一一向你們到來。

2.直接上傳關鍵的程式碼,程式碼如下:

#pragma mark - 路徑設定
- (void)setCurrentStatusShapePath{
    CGMutablePathRef  path =  CGPathCreateMutable();
    CGPathMoveToPoint(path, NULL, 0, self.offsetY);
    for (int i = 0; i < self.viewRect.size.width; i ++)  {
        CGPathAddLineToPoint(path, NULL, i, self.offsetY );
    }
    CGPathAddLineToPoint(path, NULL, self.viewRect.size.width, 0 );
    CGPathAddLineToPoint(path, NULL, 0, 0);
    CGPathCloseSubpath(path);
    _shapeLayer.path = path;
    CGPathRelease(path);
}
這裡就是設定其路徑,看到這樣的程式碼,是不是感覺很簡單了。這篇文章不是太困難,我就不多說了,具體的可以看我的原始碼。

3.總結

2.如有什麼疑問,可以通過以下方式聯絡朕;

    qq:3145419760 微訊號:WsMl0612 郵箱:[email protected]

相關推薦

iOS螞蟻森林loading效果

最近有在玩收能量,於是就發現了一個很好玩的東西,就是在搶能量的時候,就是在網路比較差的時候,就會出現有個loading的介面,一直在那裡,首先是看到那個loading頁面,很煩人,所以就突發奇想,直接把那個loading頁面做出來了,發現很簡單,好了,還是先上傳效果圖吧;

iOS轉場彈窗、網易雲音樂動效、圓環取色器、Loading效果等原始碼

iOS精選原始碼 view controller transition and popover (控制器轉場和彈窗) UITableView頭部懸停+UITableView側滑巢狀 一行程式碼整合時間選擇器 iOS仿滴滴時間選擇picker BMMusic

android仿支付寶螞蟻森林載入動畫效果

一圖勝千言 偷過別人能量的小夥伴都熟悉這個載入效果,下面就講解一下實現過程。 1,自定義view 2,這裡要用到螞蟻森林的圖示,如圖 通過canvas.drawBitmap()畫出圖片。 3,通過PorterDuff.Mode.SRC_IN,給圖片填充想要的

IOS-UIActivityIndicatorView loading效果

屬性值是一個列舉變數,只有三個值: UIActivityIndicatorViewStyleWhite; 白色圓圈,尺寸是(22,22)。 UIActivityIndicatorViewStyl

IOSloading效果——UIActivityIndicatorView

UIActivityIndicatorView 非常簡單 ,就是一個轉圈圈的控制元件,看上去像是菊花。 初始化並設定顯示樣式 initWithActivityIndicatorStyle是UIActivityIndicatorView唯一的初始化方法 屬性

Angularjs註入攔截器實現Loading效果

loading mark func code hid js註入 如果 date() osi angularjs作為一個全ajax的框架,對於請求,如果頁面上不做任何操作的話,在結果煩回來之前,頁面是沒有任何響應的,不像普通的HTTP請求,會有進度條之類。 什麽是攔截器?

仿招商銀行載入loading效果

想要 isf () 動畫 don ride true chan layout 在招商銀行android手機app中。有例如以下圖所看到的的loading載入效果: 實現這個效果還是比較簡單,就是自己定義dialog,設置自己想要的布局。然後設置旋轉動畫。 主要步

使用css3制作簡單的loading效果

-o frame mov height document load charset key bottom <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

css loading 效果

name nbsp ttr back pos tran line lin att .loading{ width:160px; height:56px; position: absolute; top:50%; left:5

css loading效果

blog btn -type rotate color solid 技術分享 multipl angle <!DOCTYPE html> <head> <meta charset="utf-8"> <title>28

前端 html h5 移動端 手機端 仿ios左滑刪除效果

es2017 b- open translate def sna 技術 9.png replace 實現功能:左滑列表項(<li class="route-item" ></li>),出現刪除按鈕(<div class="removeJs"&

CSS3實現10種Loading效果(轉)

技術分享 mes borde chan idt 1.2 logs -c tran 昨晚用CSS3實現了幾種常見的Loading效果,雖然很簡單,但還是分享一下,順便也當是做做筆記…… 第1種效果: 代碼如下: <div class="loading">

仿今日頭條按鈕loading效果

out otc ren pro pla radius -s ont blog 效果 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g

螞蟻森林

kiss 螞蟻 clas tail detail csdn rest div log https://github.com/chiihero/AntForesthttps://blog.csdn.net/kissing_huo/article/details/7854894

css3純手寫loading效果

-s 1.3 utf AC keyframes title sca osi inf <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

content+animation實現loading效果

pre step ali ... hid href tps loading anim <dot></dot> dot { display: inline-block; height: 1em; line-height: 1;

vue實戰之狗血事件:頁面loading效果詭異之事

after 不變 編譯 全局 before 組件 定時器 route vuex 接上回 想加一個切換路由時,跳出一個loading動畫 ,路由加載後就消失 先做了一個loading提示的浮動層的組件,全局註冊,在幾個路由頁面都引入 在vuex裏面維護一個變量比如isLoad

Android"掛逼"修煉之行---支付寶螞蟻森林能量自動收取插件開發原理解析

obj 沒有 dad 51cto dex ble dex文件 set 職業生涯規劃 一、前言關於支付寶的螞蟻森林能量收取這個非常有重大意義的東西,本人表示非常認同,這個網上也是一直有人覺得馬雲是一個非常有遠見的男人,的確雖然很多人覺得馬雲不會技術但是很能說,但是他說的都慢慢

CSS3實現的幾個小loading效果

css linear 1.2 普通 dong 500px 交叉 yellow index     昨晚上閑的沒事突然想做幾個小loading效果,下面是昨晚上做的幾個小案例,分享給大家     1.水波loading:這個loading是我覺得非常簡單,但是看上去的效果卻非

【重點突破】—— 各種真·假Loading效果的實現

stat per https filter expr ie9 覆蓋 set 生成 前言:因為公司做廣告展示的項目較多,每個三維模型的加載都需要一段時間,通常這段時間由一個Loading加載頁動態呈現,這裏是除公司框架公用loading.js之外單獨用的幾種常見方式。