https://github.com/jwd-ali/jdanimatedtextfield

Animated Subclass of UITextField created with CABasicAnimation and CAShapeLayer
https://github.com/jwd-ali/jdanimatedtextfield

animation ios15 swift6 swiftui textfield textview ui ui-components uibezierpath uitextfield uitextfield-extension uitextfield-navigation uitextfield-placeholder uitextfield-styles uitextview

Last synced: about 1 month ago
JSON representation

Animated Subclass of UITextField created with CABasicAnimation and CAShapeLayer

• Host: GitHub
• URL: https://github.com/jwd-ali/jdanimatedtextfield
• Owner: jwd-ali
• License: mit
• Created: 2021-10-08T04:17:49.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2021-10-08T05:12:40.000Z (about 3 years ago)
• Last Synced: 2024-03-14T18:02:24.815Z (8 months ago)
• Topics: animation, ios15, swift6, swiftui, textfield, textview, ui, ui-components, uibezierpath, uitextfield, uitextfield-extension, uitextfield-navigation, uitextfield-placeholder, uitextfield-styles, uitextview
• Language: Swift
• Homepage:
• Size: 3.48 MB
• Stars: 30
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




JDAnimatedTextField


[![CI Status](https://travis-ci.org/jwd-ali/RingPieChart.svg)](https://travis-ci.org/jwd-ali/RingPieChart)

[![CocoaPods Version](https://img.shields.io/cocoapods/v/RingPieChart.svg?style=flat)](https://cocoapods.org/pods/RingPieChart)

[![Carthage Compatible](https://img.shields.io/badge/Carthage-compatible-0473B3.svg?style=flat)](https://github.com/Carthage/Carthage)

[![License](https://img.shields.io/cocoapods/l/RingPieChart.svg?style=flat)](https://cocoapods.org/pods/RingPieChart)

[![Platform](https://img.shields.io/cocoapods/p/RingPieChart.svg?style=flat)](https://cocoapods.org/pods/RingPieChart)

[![Swift 5.1](https://img.shields.io/badge/swift-5.1-orange)](https://swift.org)

JDAnimatedTextField is animateable UITextField that can significantly enhance your user's experiences and set your app apart from the rest of the pack.


___

It is build using CABasicAnimation and CAShapeLayer through UIBezierpath. Its fun to play with CoreGraphics.It starts slow and By the end, you’ll be able to create stunning graphics for your apps.

 

  

    

## Requirements

- iOS 11.0+ / Mac OS X 10.9+ / watchOS 2.0+ / tvOS 9.0+

- Xcode 8.0+

## Installation

### [CocoaPods](http://cocoapods.org)

To integrate **JDAnimatedTextField** into your Xcode project using CocoaPods, specify it in your `Podfile`:

```ruby

use_frameworks!

pod 'JDAnimatedTextField'

```

Then, run the following command:

```bash

$ pod install

```

### [Carthage](http://github.com/Carthage/Carthage)

To integrate `JDAnimatedTextField` into your Xcode project using Carthage, specify it in your `Cartfile`:

```ogdl

github "jwd-ali/JDAnimatedTextField"

```

### [Swift Package Manager (SPM)](https://swift.org/package-manager)

#### Prerequisites

- OSX

#### Update `Package.swift`

To integrate `JDAnimatedTextField` in your project, add the proper description to your `Package.swift` file:

```swift

// swift-tools-version:5.0

import PackageDescription

let package = Package(

    name: "YOUR_PROJECT_NAME",

    dependencies: [

        .package(url: "https://github.com/jwd-ali/JDAnimatedTextField.git")

    ],

    targets: [

        .target(

            name: "YOUR_TARGET_NAME",

            dependencies: ["JDAnimatedTextField"]

        ),

        ...

    ]

)

```

### Manually

If you prefer not to use a dependency manager, you can integrate JDCircularProgress into your project manually.

- Add sources into your project:

  - Drag `Sources`

## Usage

> If you are using any dependency manager (pods , carthage , package manager)to integrate JDCircularProgress. Import JDCircularProgress first:

> ```swift

> import JDAnimatedTextField

> ```

> And for Manuall install you dont need to import anything 

- Init your view with  `JDAnimatedTextField`:

```swift

  let field = JDAnimatedTextField() 

```

lineWidth 

```swift

field.lineWidth = 2

```

textFieldColor  is actually color of shape that is drawn 

```swift

field.textFieldColor = UIColor.red.withAlphaComponent(0.3)

```

 See the Demo Xcode project its easy to understand with proper comments on properties .. write me if you didn't get anything [email protected]

  

  Congratulations! You're done.

  

  ## Contributing

I’d love to have help on this project. For small changes please [open a pull request](https://github.com/jwd-ali/JDAnimatedTextField/pulls), for larger changes please [open an issue](https://github.com/jwd-ali/JDAnimatedTextField/issues) first to discuss what you’d like to see.

License

-------

JDAnimatedTextField is under [MIT](https://opensource.org/licenses/MIT). See [LICENSE](LICENSE) file for more info.