點選單個cell高度變化的動畫效果
// // InfoCell.m // TableViewTapAnimation // // Created by YouXianMing on 15/9/18. // Copyright © 2015年 YouXianMing. All rights reserved. // #import "InfoCell.h" @interface InfoCell () @property (nonatomic, strong) UIButton *button; @property (nonatomic, weak) Model *model; @property (nonatomic, strong) UIView*lineView; @property (nonatomic, strong) UILabel *infoLabel; @end @implementation InfoCell - (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier { if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) { [self setup]; }return self; } - (void)setup { self.selectionStyle = UITableViewCellSelectionStyleNone; self.button = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 320, 100)]; [self.button addTarget:self action:@selector(buttonEvent) forControlEvents:UIControlEventTouchUpInside]; [self addSubview:self.button]; self.lineView= [[UIView alloc] initWithFrame:CGRectMake(0, 49.5, 320, 0.5f)]; self.lineView.backgroundColor = [[UIColor redColor] colorWithAlphaComponent:0.5f]; [self addSubview:self.lineView]; self.infoLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 0, 100, 50)]; self.infoLabel.text = @"Demo"; [self addSubview:self.infoLabel]; } - (void)buttonEvent { if (self.model.expend == YES) { self.model.expend = NO; [self.tableView beginUpdates]; [self.tableView endUpdates]; [self normalStateWithAnimated:YES]; } else { self.model.expend = YES; [self.tableView beginUpdates]; [self.tableView endUpdates]; [self expendStateWithAnimated:YES]; } } - (void)loadData:(id)data { self.model = data; if (self.model.expend == YES) { self.lineView.frame = CGRectMake(0, 99.5f, 320, 0.5f); self.infoLabel.frame = CGRectMake(30, 0, 100, 50); } else { self.lineView.frame = CGRectMake(0, 49.5, 320, 0.5f); self.infoLabel.frame = CGRectMake(10, 0, 100, 50); } } - (void)normalStateWithAnimated:(BOOL)animated { if (animated == YES) { [UIView animateWithDuration:0.35f animations:^{ self.lineView.frame = CGRectMake(0, 49.5, 320, 0.5f); self.infoLabel.frame = CGRectMake(10, 0, 100, 50); }]; } else { self.lineView.frame = CGRectMake(0, 49.5, 320, 0.5f); self.infoLabel.frame = CGRectMake(10, 0, 100, 50); } } - (void)expendStateWithAnimated:(BOOL)animated { if (animated == YES) { [UIView animateWithDuration:0.35f animations:^{ self.lineView.frame = CGRectMake(0, 99.5f, 320, 0.5f); self.infoLabel.frame = CGRectMake(30, 0, 100, 50); }]; } else { self.lineView.frame = CGRectMake(0, 99.5f, 320, 0.5f); self.infoLabel.frame = CGRectMake(30, 0, 100, 50); } } @end
相關推薦
點選單個cell高度變化的動畫效果
// // InfoCell.m // TableViewTapAnimation // // Created by YouXianMing on 15/9/18. // Copyright © 2015年 YouXianMing. All rights reserved. // #import
iOS點選檢視大圖的動畫效果
對於圖片來說,除了表情包,幾乎都會被點選檢視大圖。今天就講解一個檢視和收起大圖的動畫效果,先直接看效果圖: 如圖所示,最開始是一個小圖,點選小圖可以檢視大圖。大圖會從小圖的位置和大小“彈”出來,同時背景變成半透明的陰影。點選大圖或者陰影后,收起大圖,同樣地
jquery實現點選按鈕返回到頁面頂部效果
有的時候我們需要實現點選按鈕回到頁面頂部的效果,下面就是我的實現 首先HTML程式碼如下 <div class="QZ-up" style="display: none;"></div> 當滾動條高度大於120px的時候出現按鈕如下
上邊圖片跟隨點選的圖片發生變化,點選圖片樣式發生變化
一下僅僅將程式碼貼上來了,稍看下就會明白 html程式碼: < view > < image src= '{{pic}}'></ image > <
3、jq動畫執行過程中不讓重複點選(即執行完動畫後點擊)
$(".btnoff").click(function(){ var offbtnStatus = false;//初始化狀態,給狀態false,不讓連續點選 if(offbtnStatus){//如果狀態為真,說明函式未執行完,return跳出 return;
JQ實現點選返回頂部(有動畫過渡)
$(function(){ //當滾動條的位置處於距頂部100畫素以下時,跳轉連結出現,否則消失 $(function () { $(window).scroll(function(){ if ($(window).sc
swiper一組圖片,點選圖片出現中間,看效果
好兄弟先看看效果是這樣的麼 點選哪個頭像,頭像移動到中間,然後放大,demo上寫了五條資料 廢話不多說 直接上程式碼 1.引入swiper.css, swiper.js 2.HTML(小弟做的是移動端的,所以meta-viewport要引入哦) <div class="i
vue 點選圖示實現上傳檔案效果
查了好多網友的文章,有兩種方法 第一種是用相對定位、絕對位、overflow 配合opacity 實現<span class="fileinput-button "> <i class="fa fa-folder-open-o" aria-hidden="
實現點選按鈕切換顯示和隱藏效果
點選同一個按鈕可以實現一個元素的顯示和隱藏的切換,下面就通過程式碼例項介紹一下如何實現此效果,程式碼如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
Qt自定義的無邊框Dialog 在點選其他視窗時處理閃爍效果
我們都知道,讓一個模態框(Modality = WindowModal 或者是 ApplicationModal) 的時候,它會堵塞其他視窗,當點選其他視窗的時候該視窗會閃爍提示。 但是當我們進行自
點選tabbaritem時出現過度動畫
首先建立UITabBarController,單獨寫成一個類或者直接在appdelegate裡面建立都可以 a)遵守協議 <UITabBarControllerDelegate> b)設定代理 tabbar.delegate = self; c
android selector 背景選擇器的使用, button (未點選,點選,選中保持狀態)效果實現
<ImageButton android:layout_marginRight="15dp" android:background="@null" android:id="@+id/stop"
Android點選檢視大圖過渡動畫與圖片縮放與移動
從一個activity到另一個activity的過渡 1.小圖點選事件程式碼 @Override public void onClick(View view) { switch (view.getId()) { case R.id.img_1:
Tabbar點選時候超炫小動畫
//程式碼貼上到 UITabBarController控制器即可 效果如上 - (void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item { NSInteger index
Android 養成記-1 --1.4 動畫系列 (選單側滑+圖示旋轉+dialog彈出+點選效果)
選單側滑動畫 思想是佈局檔案裡,將選單欄跟內容欄放在同一個layout中,但是選單欄初始是隱藏狀態. 總佈局是線性水平佈局: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
textview中點選效果實現,比如點選textview中實現圖片和文字的顏色變化(類似於button)
<TextView android:drawableTop="@drawable/bg_text_view" android:id="@+id/home_toolbar_settings" an
iOS tableview cell 去除點選效果 和 選擇效果
UITableViewCell *cell=[tableView cellForRowAtIndexPath:indexPath]; 去除點選效果 [cell setS
[微信小程式]點選切換卡片動畫效果
有問題可以掃碼加我微信,有償解決問題。承接小程式開發。 微信小程式開發交流qq群 173683895 、 526474645 ; 正文: 先上效果圖, GIF: <!--pages/roll/roll.wxml--> <!-- 單身
iOS Tableable cell 自定義點選背景效果
//先設定背景色 _backImgView = [[UIImageViewalloc]initWithFrame:CGRectMake(20 * KSCALE_X, 0, IPHONE_WIDT
點選動畫 波紋效果 主要用來做引導動畫
public class Animation5 extends Activity { private ImageView animationiv1; private ImageView animationiv2; private ImageView animationiv3; pr