Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mukyasa/mmtextfieldeffects

Extension of TextFieldEffects with Custom UITextFields effects inspired by Codrops, built using Objective-C
https://github.com/mukyasa/mmtextfieldeffects

animation cocoacontrols ios kuro minoru nao objective-c textfield uitextfield

Last synced: 6 days ago
JSON representation

Extension of TextFieldEffects with Custom UITextFields effects inspired by Codrops, built using Objective-C

Host: GitHub
URL: https://github.com/mukyasa/mmtextfieldeffects
Owner: mukyasa
License: other
Created: 2015-07-24T10:01:02.000Z (over 9 years ago)
Default Branch: master
Last Pushed: 2018-08-28T14:27:59.000Z (about 6 years ago)
Last Synced: 2023-10-20T21:56:35.222Z (about 1 year ago)
Topics: animation, cocoacontrols, ios, kuro, minoru, nao, objective-c, textfield, uitextfield
Language: Objective-C
Homepage:
Size: 286 KB
Stars: 628
Watchers: 19
Forks: 78
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# MMTextFieldEffects

##### Inspired From this Website [Here](http://tympanus.net/Development/TextInputEffects/) and the Project made by **raulriera** [Here](https://github.com/raulriera/TextFieldEffects).

##Video Preview [Here](https://www.youtube.com/watch?v=k1Tn2nmoYxc)

##### So felt like doing some of remaining animated textfields,Tried to simulate the way it is in website

Currently it features the following effects from the article:
- [x] Ichiro
- [x] Juro
- [x] Kuro
- [x] Minoru
- [x] Nariko
- [x] Yoshika
- [x] Nao

####Credits
* PulsingHalo (https://github.com/shu223/PulsingHalo) for Minoru Effect

####Improvement
* Nao is still in testing phase,trying to crack the animation, Feel Free to crack and share the code

####Screenshots

##Ichiro
![MMTextFieldEffects](https://github.com/mukyasa/MMTextFieldEffects/blob/master/MMTextFieldEffects/textfields_images/ichiro.gif)

##Juro
![MMTextFieldEffects](https://github.com/mukyasa/MMTextFieldEffects/blob/master/MMTextFieldEffects/textfields_images/juro.gif)

##Kuro
![MMTextFieldEffects](https://github.com/mukyasa/MMTextFieldEffects/blob/master/MMTextFieldEffects/textfields_images/kuro.gif)

##Minoru
![MMTextFieldEffects](https://github.com/mukyasa/MMTextFieldEffects/blob/master/MMTextFieldEffects/textfields_images/Minoru.gif)

##Nariko
![MMTextFieldEffects](https://github.com/mukyasa/MMTextFieldEffects/blob/master/MMTextFieldEffects/textfields_images/Nariko.gif)

##Yoshiko
![MMTextFieldEffects](https://github.com/mukyasa/MMTextFieldEffects/blob/master/MMTextFieldEffects/textfields_images/Yoshiko.gif)

##Nao
![MMTextFieldEffects](https://github.com/mukyasa/MMTextFieldEffects/blob/master/MMTextFieldEffects/textfields_images/Nao.gif)

#### How to Use
Just subclass your TextField to respective class.

![MMTextFieldEffects](https://github.com/mukyasa/MMTextFieldEffects/blob/master/MMTextFieldEffects/textfields_images/Screen Shot 2015-07-24 at 3.38.41 pm.png)

####Note
* Default TextField Height Used Here is ```80```
Feel Free To Customise and Play with Properties According to your Requirements, Following are properties used for specific purpose
* ```borderTextField``` For Outer Frame Used in **Ichiro** , **Juro** , **Minoru** , **Nariko** and **Yoshiko**
* ```contentTextfield``` For Inner Frame Used in **Ichiro** and **Nariko**
* ```leftLayer``` For Outer Layer Used In **Kuro** and **Nao**
* ```rightLayer``` For Outer Layer Used In **Kuro**
* ```placeHolderLabel``` Place Holder Text Used in **All**
* ```textRectForBounds``` Method to move the cursor of textfield

## How to use them

Check out the demo project to see the configuration options for each effect.

**My Other Repositories**

**MMPaper:**

https://github.com/mukyasa/MMPaper

**MMCamScanner:**

https://github.com/mukyasa/MMCamScanner

**MMGooglePlayNewsStand:**

https://github.com/mukyasa/MMGooglePlayNewsStand

**MMPaperPanFlip:**

https://github.com/mukyasa/MMPaperPanFlip

**MMTransitionEffect:**

https://github.com/mukyasa/MMTransitionEffect

Contact Me
==========
Mukesh Mandora

Contact: [email protected]

Twitter: http://twitter.com/mandymuku

LinkedIn: https://in.linkedin.com/in/mukeshmandora

## License
MMTextFieldEffects is available under the Apache license. See the LICENSE file for more info.