[翻译] 极具动感的 FRDLivelyButton

简介:

FRDLivelyButton

https://github.com/sebastienwindal/FRDLivelyButton

FRDLivelyButton is a simple UIButton subclass intended to be used inside a UIBarButtonItem, even though it can be used anywhere you can use a UIButton. It is entirely Core Graphics driven, supports 5 common button types (menu, close, add, etc...) used in navigation bar, and will nicely animate any button type changes and touch events.

FRDLivelyButton 是一个 UIButton 的子类,其设计的目的是用在 UIBarButtonItem 中的,当然呢,它也可以在其他地方当做一个 UIButton 使用。它完全是由 Core Graphics 绘制的,支持5种按钮类型(菜单、关闭、添加等),通常情况下它是用在导航栏上的,而且,在导航栏上,点击这个按钮时会生成一个很好看的动画变化效果。

Requirements

FRDLivelyButton uses ARC and requires iOS 6.1+.

FRDLivelyButton 使用ARC,需要iOS 6.1+

Installation

CocoaPods

pod 'FRDLivelyButton', '~> 1.1.2'

Manual

Copy the folder FRDLivelyButton to your project.

将文件夹 FRDLivelyButton 复制到你的项目中去。

Usage

Add a FRDLivelyButton either in code or using interface builder.

直接使用 FRDLivelyButton 实例化对象或者是用 IB 来实例化。

Example, how to add a FRDLivelyButton in a nav bar:

例如,如何添加 FRDLivelyButton 到导航栏上:

FRDLivelyButton *button = [[FRDLivelyButton alloc] initWithFrame:CGRectMake(0,0,36,28)];
[button setStyle:kFRDLivelyButtonStyleHamburger animated:NO];
[button addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];
UIBarButtonItem *buttonItem = [[UIBarButtonItem alloc] initWithCustomView:button];
self.navigationItem.rightBarButtonItem = buttonItem;

To change the button style, just call setStyle:animated:

点击时改变按钮的样式,调用 setStyle:animated: 即可。

[self.myButton setStyle:kFRDLivelyButtonStyleCircleClose animated:YES];

The current type of the button can be accessed using the buttonStyle property:

当前按钮的类型是可以通过属性 buttonStyle 来获取的:

- (IBAction)buttonAction:(FRDLivelyButton *)sender
{
    if (sender.buttonStyle == kFRDLivelyButtonStylePlus) {
        // logic
    } else ....
}

Customizing Appearance

Button appearance and behavior can be customized using an options NSDictionary. Color, highlighted color, line thickness, animation durations, etc... can be customized. Default should work just fine though.

按钮的样式是可以通过字典来定义的。颜色、高亮颜色、线条粗细、动画时长等等,都可以定制,实际上默认值本身就够好了。

See FRDLivelyButton.h for list of possible attributes.

在 FRDLivelyButton.h 文件中查看那些可以修改的属性吧。

Example:

[button setOptions:@{ kFRDLivelyButtonLineWidth: @(2.0f),
                      kFRDLivelyButtonHighlightedColor: [UIColor colorWithRed:0.5 green:0.8 blue:1.0 alpha:1.0],
                      kFRDLivelyButtonColor: [UIColor blueColor]
                      }];

 

目录
相关文章
|
3月前
|
Swift iOS开发 UED
【绝妙创意】颠覆你的视觉体验!揭秘一款iOS应用中令人惊叹的自定义动画效果,带你领略编程艺术的魅力所在!
【8月更文挑战第13天】本文通过一个具体案例,介绍如何使用Swift与UIKit在iOS应用中创建独特的按钮动画效果。当按钮被按下时,其形状从圆形变化为椭圆形,颜色则从蓝色渐变为绿色;释放后,动画反向恢复原状。利用UIView动画方法及弹簧动画效果,实现了平滑自然的过渡。通过调整参数,开发者可以进一步优化动画体验,增强应用的互动性和视觉吸引力。
51 7
|
6月前
|
人工智能 搜索推荐 算法
|
6月前
|
人工智能 JSON C++
GPTs prompts灵感库:创意无限,专业级创作指南,打造吸睛之作的秘诀
GPTs prompts灵感库:创意无限,专业级创作指南,打造吸睛之作的秘诀
|
人工智能
风格强化、极致动漫美学,绘画神器Midjourney迎来二次元升级
风格强化、极致动漫美学,绘画神器Midjourney迎来二次元升级
305 0
|
机器学习/深度学习 人工智能 自然语言处理
《花雕学AI》25:用文字画出你的非凡想象力,微软新Bing带你体验DALL-E的神奇
你有没有想过用文字来画画?这听起来可能很不可思议,但是现在,你可以通过微软新Bing来实现这个想法。微软新Bing支持AI绘画功能,只要输入一句话,就能生成一幅图像。这个功能是由DALL-E驱动的,DALL-E是一个能够根据文本生成图像的神经网络。它可以创造出各种各样的图像,从抽象的概念到具体的物体,从可爱的动物到奇幻的景象。你可以用它来创造你的梦想,或者挑战它的想象力。你可以输入任何你想看到的东西,比如“一只穿着西装的猫”,“一个长着翅膀的汽车”,或者“一个会说话的苹果”。你会看到DALL-E生成的图像,有时候可能会让你惊讶,有时候可能会让你笑。
198 0
|
前端开发
《众妙之门——网页排版设计制胜秘诀》——导读
本书是Smashing Magazine网站的精选文章合辑,旨在帮助读者提升网页版式设计水平。本书囊括了字体抗锯齿技术,网页排版的原则,网页字体的设置技巧,CSS字体堆栈指南,CSS3的新特性,网页字体服务推荐以及排版工具介绍,等等。
1615 0