ZMaterialDesignUIButton

KO | EN

gitlite — search

#python #react #ai #machine-learning #nodejs #java #awesome #cli #kubernetes #vue #awesome-list #mcp #openai #open-source

ZMaterialDesignUIButton

(★ 340)

Swift Material Design UIButton

파일 탐색기

최종 버전 다운로드 (.zip)

- - applypatch-msg.sample
  - commit-msg.sample
  - post-update.sample
  - pre-applypatch.sample
  - pre-commit.sample
  - pre-push.sample
  - pre-rebase.sample
  - prepare-commit-msg.sample
  - update.sample
- - exclude
- - HEAD
- COMMIT_EDITMSG
- config
- description
- FETCH_HEAD
- HEAD
- index
- ORIG_HEAD
- - .DS_Store
  - AppDelegate.swift
  - forward@2x.png
  - Info.plist
  - pause@2x.png
  - play@2x.png
  - ViewController.swift
  - ZMaterialButton.swift
- - project.pbxproj
- - Info.plist
  - ZMaterialButtonTests.swift
- .DS_Store
- - .DS_Store
  - AppDelegate.h
  - AppDelegate.m
  - forward@2x.png
  - Info.plist
  - main.m
  - pause@2x.png
  - play@2x.png
  - ViewController.h
  - ViewController.m
  - ZMaterialButton.h
  - ZMaterialButton.m
- - project.pbxproj
- - Info.plist
  - ZMaterialButton_Objective_CTests.m
- .DS_Store
.DS_Store
README.md
ZMaterialButton.h
ZMaterialButton.m
ZMaterialButton.swift

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ZMaterialDesignUIButton
<h6>Swift and Objective-C Animated Material Design UIButton</h6>

<p>This Swift and Objective-C! UIButton was made inspired in Google new Material Design, and this GIF :]</p>

<img src="http://i.imgur.com/PAw22Gn.gif"/>
<br>
[![ZMaterialButton](http://img.youtube.com/vi/LApnUpnI094/0.jpg)](http://www.youtube.com/watch?v=LApnUpnI094)
<br>
<br>
**You need to add the ZMaterialButtonDelegate to your Controller:**

```swift
class ViewController: UIViewController, ZMaterialButtonDelegate {
}
```
<br>
**To create a Material UIButton init it with frame and set the Zdelegate, a .endPoint (CGPoint) and a .changeToImage (UIImage)**
<br>

<h6>Swift</h6>
```swift
let containerView = UIView(frame: CGRect(x: 0, y: 200, width: self.view.frame.size.width, height: self.view.frame.size.height-200))
containerView.clipsToBounds = true
self.view.addSubview(containerView)
        
self.button = ZMaterialButton(frame: CGRect(x: 10, y: 40, width: 100, height: 100))
self.button.setImage(UIImage(named: "play"), forState: UIControlState.Normal)
self.button.backgroundColor = UIColor(red:0.05, green:0.69, blue:0.79, alpha:1)
self.button.endPoint = CGPoint(x:self.view.center.x-50, y: self.view.center.y-50)
self.button.changeToImage = UIImage(named: "pause")
self.button.Zdelegate = self
containerView.addSubview(self.button)
```
<h6>Obj-C</h6>
``` obj-c
ZMaterialButton *ZButton = [[ZMaterialButton alloc]initWithFrame:CGRectMake(40, 40, 50, 50)];
    [ZButton setImage:[UIImage imageNamed:@"play"] forState:UIControlStateNormal];
    [ZButton setBackgroundColor:[UIColor redColor]];
    [ZButton setEndAnimationPoint:CGPointMake(self.view.center.x-25, self.view.center.y-25)];
    ZButton.changeToImage = [UIImage imageNamed:@"pause"];
    ZButton.expandBy = 20;
    ZButton.originalParentViewColor = [UIColor whiteColor];
    ZButton.delegate = self;
    
    [self.view addSubview:ZButton];
```
<br>
**Add the delegate function ZMaterialButtonDidExpand() to your controller to know when the button expanded or reduced.**
<br>

<h6>Swift</h6>
```swift
func ZMaterialButtonDidExpand(button: ZMaterialButton, expanded: Bool){
        if expanded == true {
            self.testButtonExpanded()
            UIView.animateWithDuration(0.1, delay: 0, options: .CurveEaseOut, animations: {
                self.fButton.alpha = 1
                self.bButton.alpha = 1
                }, completion:nil)
        }
        else {
            self.testButtonReduced()
            UIView.animateWithDuration(0.2, delay: 0, options: .CurveEaseOut, animations: {
                self.fButton.alpha = 0
                self.bButton.alpha = 0
                }, completion:nil)
        }
    }
```

<h6>Obj-C</h6>
```obj-c
- (void) ZMaterialButtonDidExpandButton:(ZMaterialButton *)button withSuccces:(BOOL)success{
    if (success) {
        NSLog(@"Expanded");
    } else {
        NSLog(@"Reduced");
    }
}
```

Hope you like it :]
<br>
<p>Follow me on Twitter <a href="https://www.twitter.com/richzertuche" target="_blank"> @richzertuche</a></p>

ZMaterialDesignUIButton

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ZMaterialDesignUIButton

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README