1. 程式人生 > >點選單個cell高度變化的動畫效果

點選單個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