新浪微博下拉刷新顯示最新微博數(shù)動畫控件的實現(xiàn)

在對新浪微博進行下拉刷新操作時,會從頂部的導(dǎo)航欄下面慢慢向下彈出一條顯示刷新獲取到的微博數(shù)的橙色控件,控件懸停1秒,然后向上回到導(dǎo)航欄下面,然后消失。因為該控件不會隨tableView的滾動而滾動,因此該控件不是添加到tableView上的,所以應(yīng)當(dāng)將該控件添加到導(dǎo)航欄。該控件可以通過最簡單的Label添加背景圖片實現(xiàn)。

示例圖片

代碼實現(xiàn):

<pre>
<code>//顯示最新微博數(shù)量</code>
<code>-(void)showNewStatusCount:(int *)count{</code>
<code> //創(chuàng)建Label</code>
<code> UILabel *label=[[UILabel alloc]init];</code>
<code> //設(shè)置Label的背景圖片</code>
<code> label.backgroundColor=[UIColor colorWithPatternImage:[UIImage imageNamed:@"timeline_new_status_background"]];</code>
<code> label.width=[UIScreen mainScreen].bounds.size.width;</code>
<code> label.height=35;</code>
<code> //設(shè)置其他屬性</code>
<code> if (count==0) {</code>
<code> label.text=@"沒有新的微博數(shù)據(jù),請稍后再試";</code>
<code> }else{</code>
<code> label.text=[NSString stringWithFormat:@"共有%d條新的微博數(shù)據(jù)",count];</code>
<code> }</code>

<code> label.textColor=[UIColor whiteColor];</code>
<code> label.font=[UIFont systemFontOfSize:16];</code>
<code> label.textAlignment=NSTextAlignmentCenter;</code>
<code> label.y=64-label.height;</code>
<code> //將label添加到導(dǎo)航欄控制器的view中,并且是蓋在導(dǎo)航欄下邊</code>
<code> [self.navigationController.view insertSubview:label belowSubview:self.navigationController.navigationBar];</code>

<code> //動畫設(shè)置</code>
<code> CGFloat duration=1.0; //通過定義動畫執(zhí)行的時間來控制動過程的速度</code>
<code> [UIView animateWithDuration:duration animations:^{</code>

<code> label.transform=CGAffineTransformMakeTranslation(0, label.height);</code>

<code> } completion:^(BOOL finished) {</code>
<code> CGFloat delay=1.0; //定義控件懸停的時間</code>
<code> [UIView animateWithDuration:duration delay:delay options:UIViewAnimationOptionCurveLinear animations:^{</code>

<code> label.transform=CGAffineTransformIdentity;</code>

<code> } completion:^(BOOL finished) {</code>
<code> //動畫控件執(zhí)行完整個過程后將其從父視圖移除</code>
<code> [label removeFromSuperview];</code>
<code> }];</code>
<code> }];</code>
<code>}</code>
</pre>

在程序執(zhí)行刷新的代碼處調(diào)用該方法實現(xiàn)該效果。

小結(jié)

以上方法是針對近期自學(xué)新浪微博項目的一點小小總結(jié),行筆簡陋,如有錯誤,望指正。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,351評論 4 61
  • 內(nèi)容抽屜菜單ListViewWebViewSwitchButton按鈕點贊按鈕進度條TabLayout圖標(biāo)下拉刷新...
    皇小弟閱讀 47,161評論 22 665
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,057評論 25 709
  • 我想著她,嘴里叨叨的念著 所有的溫柔都給她,努力把她融化 我心里一直住著她,牽掛有她的回憶 有朝暮,...
    大嬌嬌的保姆閱讀 155評論 0 0
  • 今天閨女感冒仍舊沒好,吃了藥早早上床休息。睡覺前女兒跟我說:“媽媽,告訴你個事兒吧,我今天數(shù)學(xué)考了96分,只錯了一...
    徐夢賽媽媽李蕾閱讀 153評論 0 0

友情鏈接更多精彩內(nèi)容