在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:orazz/CreditCardForm-iOS开源软件地址:https://github.com/orazz/CreditCardForm-iOS开源编程语言:Swift 97.7%开源软件介绍:CreditCardFormCreditCardForm is iOS framework that allows developers to create the UI which replicates an actual Credit Card. Fixed typo use CreditCardForm instead ScreenshotsExampleTo run the example project, clone the repo, and run Supported Cards
Requirements
InstallationCocoaPodsUsingCreditCardForm is available through CocoaPods. To install it, simply add the following line to your pod "CreditCardForm" CarthageUsingCreditCardForm is available through Carthage. To install it, simply add the following line to your github "orazz/CreditCardForm-iOS" ManuallyIf you prefer not to use either of the aforementioned dependency managers, you can integrate CreditCardForm into your project manually.
Usage exampleFirst step: this framework integrated with Stripe, you must install Stripe StoryboardCreate a view set a class CreditCardFormView (preferred frame size: 300x200). import Stripe
import CreditCardForm Swift@IBOutlet weak var creditCardForm: CreditCardFormView!
// Stripe textField
let paymentTextField = STPPaymentCardTextField() Add the following code in the viewDidLoad function in your view controller// Set up stripe textfield
paymentTextField.frame = CGRect(x: 15, y: 199, width: self.view.frame.size.width - 30, height: 44)
paymentTextField.translatesAutoresizingMaskIntoConstraints = false
paymentTextField.borderWidth = 0
let border = CALayer()
let width = CGFloat(1.0)
border.borderColor = UIColor.darkGray.cgColor
border.frame = CGRect(x: 0, y: paymentTextField.frame.size.height - width, width: paymentTextField.frame.size.width, height: paymentTextField.frame.size.height)
border.borderWidth = width
paymentTextField.layer.addSublayer(border)
paymentTextField.layer.masksToBounds = true
view.addSubview(paymentTextField)
NSLayoutConstraint.activate([
paymentTextField.topAnchor.constraint(equalTo: creditCardForm.bottomAnchor, constant: 20),
paymentTextField.centerXAnchor.constraint(equalTo: view.centerXAnchor),
paymentTextField.widthAnchor.constraint(equalToConstant: self.view.frame.size.width-20),
paymentTextField.heightAnchor.constraint(equalToConstant: 44)
]) Delegate MethodsIn order to use the delegate methods first set the delegate of Stripe to the parent view controller when setting it up paymentTextField.delegate = self After that you will be able to set up the following delegate methods inside of your parent view controller func paymentCardTextFieldDidChange(_ textField: STPPaymentCardTextField) {
creditCardForm.paymentCardTextFieldDidChange(cardNumber: textField.cardNumber, expirationYear: textField.expirationYear, expirationMonth: textField.expirationMonth, cvc: textField.cvc)
}
func paymentCardTextFieldDidEndEditingExpiration(_ textField: STPPaymentCardTextField) {
creditCardForm.paymentCardTextFieldDidEndEditingExpiration(expirationYear: textField.expirationYear)
}
func paymentCardTextFieldDidBeginEditingCVC(_ textField: STPPaymentCardTextField) {
creditCardForm.paymentCardTextFieldDidBeginEditingCVC()
}
func paymentCardTextFieldDidEndEditingCVC(_ textField: STPPaymentCardTextField) {
creditCardForm.paymentCardTextFieldDidEndEditingCVC()
} You should now be ready to use CreditCardForm!! Customization1) Colors creditCardForm.backgroundColor (UIColor)
creditCardForm.cardHolderExpireDateColor (UIColor)
creditCardForm.cardHolderExpireDateTextColor (UIColor)
creditCardForm.backLineColor (UIColor)
// Brands Color brand name, front color, back color
[String: [UIColor]]
creditCardForm.cardGradientColors[Brands.Visa.rawValue] = [UIColor.blue, UIColor.red]
// Set font
creditCardForm.cardNumberFont = UIFont(name: "FontName", size: 20)!
creditCardForm.cardPlaceholdersFont = UIFont(name: "FontName", size: 10)!
creditCardForm.cardTextFont = UIFont(name: "FontName", size: 12)! 2) Images creditCardForm.chipImage (UIImage) 3) Placeholders creditCardForm.cardHolderString (String)
creditCardForm.expireDatePlaceholderText (String) Card number: Configuring the Mask Field creditCardForm.cardNumberMaskExpression (String)
creditCardForm.cardNumberMaskTemplate (String)
creditCardForm.cardNumberFontSize (CGFloat) ContributeWe would love for you to contribute to CreditCardForm, check the Meta3rd party librariesCreditCardValidator LicenseCreditCardForm is available under the MIT license. See the LICENSE file for more info. |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论