Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jwd-ali/jdtextfield
Animated UITextField enhance UX for the user by giving clarity that they are focused
https://github.com/jwd-ali/jdtextfield
animations cabasicanimation cashapelayer cocoapods ios shapelayer swift swift6 uikit uitextfield uitextfield-navigation uitextfield-placeholder uitextfield-styles
Last synced: about 2 months ago
JSON representation
Animated UITextField enhance UX for the user by giving clarity that they are focused
- Host: GitHub
- URL: https://github.com/jwd-ali/jdtextfield
- Owner: jwd-ali
- License: mit
- Created: 2021-09-30T04:42:50.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-10-08T04:49:16.000Z (about 3 years ago)
- Last Synced: 2024-03-14T17:13:27.276Z (10 months ago)
- Topics: animations, cabasicanimation, cashapelayer, cocoapods, ios, shapelayer, swift, swift6, uikit, uitextfield, uitextfield-navigation, uitextfield-placeholder, uitextfield-styles
- Language: Swift
- Homepage:
- Size: 2.35 MB
- Stars: 26
- Watchers: 2
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
JDTextField
[](https://travis-ci.org/jwd-ali/RingPieChart)
[](https://cocoapods.org/pods/RingPieChart)
[](https://github.com/Carthage/Carthage)
[](https://cocoapods.org/pods/RingPieChart)
[](https://cocoapods.org/pods/RingPieChart)
[](https://swift.org)
JDTextField 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 **JDTextField** into your Xcode project using CocoaPods, specify it in your `Podfile`:
```ruby
use_frameworks!
pod 'JDTextField'
```
Then, run the following command:
```bash
$ pod install
```
### [Carthage](http://github.com/Carthage/Carthage)
To integrate `JDTextField` into your Xcode project using Carthage, specify it in your `Cartfile`:
```ogdl
github "jwd-ali/JDTextField"
```
### [Swift Package Manager (SPM)](https://swift.org/package-manager)
#### Prerequisites
- OSX
#### Update `Package.swift`
To integrate `JDTextField` 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/JDTextField.git")
],
targets: [
.target(
name: "YOUR_TARGET_NAME",
dependencies: ["JDTextField"]
),
...
]
)
```
### 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 JDTextField
> ```
> And for Manuall install you dont need to import anything
- Init your view with `JDTextField`:
```swift
let field = JDTextField(type: .circular) or let field = JDTextField(type: .square)
```
lineWidth
```swift
field.lineWidth = 2
```
Shape color is actually color of shape that is drawn
```swift
field.shapeColor = 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/JDTextField/pulls), for larger changes please [open an issue](https://github.com/jwd-ali/JDTextField/issues) first to discuss what you’d like to see.
License
-------
JDTextField is under [MIT](https://opensource.org/licenses/MIT). See [LICENSE](LICENSE) file for more info.