点赞按钮逻辑、切换图片，并带有动画

最新推荐文章于 2024-05-13 09:56:46 发布
最新推荐文章于 2024-05-13 09:56:46 发布
阅读量1.9k 收藏
点赞数
分类专栏： 项目局部细小功能 文章标签： 点赞按钮 IOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chaoyue1a/article/details/38822173
版权
本文详细介绍了如何在iOS应用中实现点赞按钮的交互逻辑，包括点击后的动画效果以及点赞状态的图片切换。通过自定义视图和手势识别，确保用户能够清晰地感知点赞操作，并提供平滑的用户体验。
摘要由CSDN通过智能技术生成 

//这里需要自己去掉冗余代码
<pre name="code" class="objc" style="color: rgb(61, 29, 129); font-size: 18px;">//创建按钮

 

_firePraiseButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [_firePraiseButton addTarget:self action:@selector(praiseFireButtonAction:) forControlEvents:UIControlEventTouchUpInside];
_firePraiseButton.frame = CGRectMake(264, 73, 50, 50);
_firePraiseButton.backgroundColor = [UIColor clearColor];
[_myView addSubview:_firePraiseButton];
 

//按钮触发事件
 

//点赞动画以及图片切换 
 

<pre name="code" class="objc">-(void)prais

                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  chaoyue1a
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
喜欢，点赞按钮的动态效果

				
			

			

				

					10-24
				

			

		

		

			
				
按钮的一些动态效果，不是用gif，是用自定义的。（这是在Dev Store上下载的，忘了那个网址了，下次找到在备注上去，我上传到我这里是为了以后方便使用，希望作者不要介意。谢谢~）

			
		

	



                

              
                



	

		

			

				
					
点赞切换图片效果，列表渲染知识点强化

				
			

			

				

					weixin_38237989的博客
				

				

					09-28
					
					493
					
				

			

		

		

			
				
//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    timeLine: app.globalData.timeline.data,
    showMenu: app.globalData.timeline.show
  },
  //生命周期函数，页面加载完毕后执行
  onLoad: function() {
    c...

			
		

	



                


  
              

                


	

		

			

				
					
推荐一款创新的iOS点赞按钮库——FaveButton

					
最新发布

				
			

			

				

					gitblog_00003的博客
				

				

					05-13
					
					340
					
				

			

		

		

			
				
推荐一款创新的iOS点赞按钮库——FaveButton
项目地址:https://gitcode.com/janselv/fave-button
在移动应用开发中，一个引人注目的点赞或收藏功能可以极大地提升用户体验和互动性。今天，我们要向您推荐一个专为iOS平台打造的精美动画点赞按钮库——FaveButton。它以其独特的设计和流畅的动画效果，让您的应用脱颖而出。
项目介绍
FaveButton ...

			
		

	





	

		

			

				
					
IOS点赞效果按钮源代码下载

				
			

			

				

					12-29
				

			

		

		

			
				
#import "CatZanButton"  
  
CatZanButton *zanBtn=[[CatZanButton alloc] initWithFrame:CGRectMake(0, 0, 50, 50) zanImage:[UIImage imageNamed:@"Zan"] unZanImage:[UIImage imageNamed:@"UnZan"]];  
[zanBtn setCenter:self.view.center];  
[self.view addSubview:zanBtn];  
  
[zanBtn setClickHandler:^(CatZanButton *zanButton) {  
  if (zanButton.isZan) {  
    //Do something  
  }else{  
    //Do something  
  }  
}];

			
		

	



		

			
		



	

		

			

				
					
iOS一个简单的点赞动画

				
			

			

				

					qq_34874026的博客
				

				

					05-23
					
					2691
					
				

			

		

		

			
				
苹果在动画这一块做得确实很不错，一款很炫酷的动画会给人很好的视觉效果，给用户很好的体验，这是在项目中遇到过的一个小小的点赞动画，在这里记录一下，也给广大开发者一个小小小小小的分享。不要见笑

			
		

	





	

		

			

				
					
是一个可以实现点赞动态动画的功能，可以点赞 有动画效果

				
			

			

				

					06-08
				

			

		

		

			
				
很简单，下载可用。

			
		

	





	

		

			

				
					
创意点赞按钮SVG动画特效

				
			

			

				

					07-24
				

			

		

		

			
				
本主题聚焦于一个具体的实例——“创意点赞按钮SVG动画特效”，这是一种利用SVG和CSS3实现的互动元素，能够为网站增添趣味性和吸引力。  SVG是一种基于XML的矢量图形格式，它允许开发者创建清晰、可缩放的图形，无论...

			
		

	





	

		

			

				
					
点赞按钮动画

				
			

			

				

					04-04
				

			

		

		

			
				
2. **心跳动画**：此动画模拟了心脏跳动的效果，按钮在用户点击后仿佛有节奏地“跳动”，增加了情感化的元素，使点赞行为更加生动有趣。  3. **星光闪烁动画**：当用户点赞后，按钮上可能出现星星闪烁的动画，象征着...

			
		

	





	

		

			

				
					
html5 svg创意点击拍手点赞按钮动画特效

				
			

			

				

					06-11
				

			

		

		

			
				
这个特效在用户点击后，不仅展示出美观的动画效果，还会更新点赞计数，并改变按钮的状态，为用户提供更丰富的交互体验。  1. **HTML5**：HTML5是超文本标记语言的最新版本，其核心目标是改进Web应用程序的功能性和...

			
		

	





	

		

			

				
					
HTML5 Canvas圆形爱心点赞按钮冒泡动画特效

				
			

			

				

					06-11
				

			

		

		

			
				
当用户点击按钮时，JavaScript事件监听器（如`addEventListener('click', function() {...})`）会被触发，执行相应的动画逻辑。  5. **动画原理**：冒泡动画是通过不断重绘Canvas并在每次绘制之间改变某些属性（如...

			
		

	





	

		

			

				
					
ios-给按钮添加一个小的点赞动画.zip

				
			

			

				

					07-11
				

			

		

		

			
				
1.一个给按钮添加点赞动画的效果，点击按钮有放大缩小的动画效果，非常简单，https://github.com/yy342901/YYLikeButton.git地址，喜欢个麻烦给个star

			
		

	





	

		

			

				
					
一个超赞的 iOS 点赞效果！很像 Twitter 点赞效果！.zip

				
			

			

				

					09-24
				

			

		

		

			
				
一个超赞的 iOS 点赞效果！很像 Twitter 点赞效果！.zip,FaveButton是一款iOS可爱的动画按钮，用Swift编写。

			
		

	





	

		

			

				
					
点赞按钮功能及效果插件

				
			

			

				

					01-15
				

			

		

		

			
				
点赞按钮功能，显示+1和判断重复点击效果

			
		

	





	

		

			

				
					
[微信小程序]实现列表点赞并让当前节点的图片改变,值加1完整实例代码加GIF图

				
			

			

				

					a_靖的博客
				

				

					11-02
					
					7015
					
				

			

		

		

			
				
//wxml
 <block wx:for="{{msg}}">
 <image  wx:if="{{item.is_say_yes ==false}}" bindtap='zan' data-id='{{item.id}}' src='../../image/zan1.png'></image>
            <image  wx:if="...

			
		

	





	

		

			

				
					
iOS－ 点赞动画效果

				
			

			

				

					CodingFire的博客
				

				

					07-27
					
					5698
					
				

			

		

		

			
				
点赞我们都知道，最简单的就是通过Bool变量或者selected来判断是否选中，然后替换原来的图片，要想有个简单的动画效果，前面博主写过Core Animation里的关键帧动画，这里就用关键帧动画CAKeyframeAnimation来做，只需要在按钮响应方法中添加以下代码，同时替换图片： if (_isSelected == NO) {
        _isSelected = YES;

			
		

	





	

		

			

				
					
iOS 使用核心动画加粒子发射器实现的点赞按钮

				
			

			

				

					qq_36819141的博客
				

				

					12-05
					
					786
					
				

			

		

		

			
				
1.使用到的类







1

2

3

4

5




CAKeyframeAnimation       // 核心动画-关键帧动画

CAEmitterLayer            // 粒子发射器(其实就是一个Layer,其父类是CALayer)

CAEmitterCell             // 粒子

PS:核心

			
		

	





	

		

			

				
					
iOS 实现点赞动画特效

				
			

			

				

					马一凡的博客
				

				

					04-13
					
					2971
					
				

			

		

		

			
				
动画的基本使用
动画的实现基本上是基于对View控件和View的layer属性进行操作，对视图进行移动，尺寸变换，透明度变换，旋转等一系列操作。
关键帧动画：
动画的实现可以分为两个部分，一部分是规定动画的变化内容，比如view需要把scale从0变化到1，这个数字是相对值，即从尺寸为0变化到正常尺寸。另一个部分是规定动画的渐变时间。这样就实现了view在规定时间完成指定变化了，这个变化的过程也可...

			
		

	





	

		

			

				
					
html怎么将点赞图片设置成按钮

				
			

			

				

					06-09
				

			

		

		

			
				
好的，以下是一个将点赞图片设置为按钮的代码示例：  HTML：  ```html ()">  点赞">  <span id="likeCount">0</span> 人觉得很赞！ ```  JavaScript：  ```javascript var count = 0;  function like() {  count++; ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值