আমি সবেমাত্র আইওএস বিকাশ শিখতে শুরু করেছি, কীভাবে সহজ বৃত্তাকার বোতামটি তৈরি করতে পারি তা খুঁজে পাচ্ছি না। আমি পুরানো সংস্করণগুলির জন্য সংস্থানগুলি পাই। আমার কি একটি বোতামের জন্য একটি কাস্টম ব্যাকগ্রাউন্ড সেট করতে হবে? অ্যান্ড্রয়েডে, আমি কেবল একটি 9 প্যাচ ব্যবহার করব, তবে আমি জানি আইওএসের এই ক্ষমতা নেই।
উত্তর:
স্টোরিবোর্ডে এটি করতে, আপনাকে বোতামটির জন্য একটি চিত্র ব্যবহার করতে হবে।
বিকল্পভাবে আপনি কোড এ এটি করতে পারেন:
btn.layer.cornerRadius = 10
btn.clipsToBounds = trueসংক্ষিপ্ত উত্তর: হ্যাঁ
অতিরিক্ত ব্যাকগ্রাউন্ড চিত্র বা তার জন্য কোনও কোড না লিখে আপনি একেবারে একটি সাধারণ বৃত্তাকার বোতামটি তৈরি করতে পারেন। পছন্দসই ফলাফল পেতে, বোতামটির রানটাইম বৈশিষ্ট্যগুলি সেট করতে, নীচের দেওয়া স্ক্রিনশটটি অনুসরণ করুন।
এটি এতে প্রদর্শিত হবে না Storyboardতবে আপনি প্রকল্পটি চালানোর সময় এটি কার্যকর হবে।
নোট: 'কী পাথ' এবং মান মান উচ্চতা এবং বাটন প্রস্থ অনুযায়ী পরিবর্তন করা প্রয়োজন 5. হয়। এর সূত্রটি বোতামের উচ্চতা * 0.50। সুতরাং সিমুলেটারে বা শারীরিক ডিভাইসে প্রত্যাশিত বৃত্তাকার বোতামটি দেখতে মানটির আশেপাশে খেলুন। স্টোরিবোর্ডে গোল করার জন্য যখন আপনার একাধিক বোতাম রয়েছে তখন এই পদ্ধতিটি ক্লান্তিকর দেখাবে।
layer.cornerRadius
clipsToBoundsএটি কাজ করার জন্য আপনার বুলিয়ান কী পথও যুক্ত করতে হতে পারে ।
আপনি এর মতো কিছু করতে পারেন:
@IBDesignable class MyButton: UIButton
{
override func layoutSubviews() {
super.layoutSubviews()
updateCornerRadius()
}
@IBInspectable var rounded: Bool = false {
didSet {
updateCornerRadius()
}
}
func updateCornerRadius() {
layer.cornerRadius = rounded ? frame.size.height / 2 : 0
}
}সেট বর্গ MyButtonমধ্যে Identity Inspectorএবং আইবি আপনি আছেন হবে roundedসম্পত্তি:
layer.masksToBounds = trueএছাড়াও
রাউন্ডবটন ক্লাসে কোডটি .োকান।
import UIKit
@IBDesignable
class RoundButton: UIButton {
@IBInspectable var cornerRadius: CGFloat = 0{
didSet{
self.layer.cornerRadius = cornerRadius
}
}
@IBInspectable var borderWidth: CGFloat = 0{
didSet{
self.layer.borderWidth = borderWidth
}
}
@IBInspectable var borderColor: UIColor = UIColor.clear{
didSet{
self.layer.borderColor = borderColor.cgColor
}
}
}চিত্রটি দেখুন।
আমি এটি করার সবচেয়ে সহজ উপায়টি খুঁজে পেয়েছি, এটি হল কোণার রেডিওটিকে দর্শনের উচ্চতার অর্ধেকের মধ্যে সেট করে setting
button.layer.cornerRadius = button.bounds.size.height/2আপনি সংযোগ করতে পারেন IBOutlet স্টোরবোর্ড থেকে আপনার বোতামের ।
তাহলে আপনি সেট করতে পারেন corner radius কোণার বৃত্তাকার করতে আপনার বোতামটি ।
উদাহরণস্বরূপ, আপনার outletহয় myButtonতাহলে,
ওবজ - সি
self.myButton.layer.cornerRadius = 5.0 ;দ্রুতগতি
myButton.layer.cornerRadius = 5.0তারপর আপনি সঠিক বৃত্তাকার বাটন চান আপনার বাটন এর widthএবং heightহতে হবে equalএবং cornerRadiusউচ্চতা বা (প্রস্থ বা উচ্চতার অর্ধেক) প্রস্থ / 2 সমান হতে হবে।
অন্যান্য উত্তর হিসাবে কোডটিতে এই কাজটি বেশিরভাগ সম্পাদন করার পরামর্শ দিয়েছে কেবলমাত্র একটি উত্তর আসলে স্টোরিবোর্ড আইবি ইন্টারফেসে আপনার পরিবর্তনগুলি দেখার একটি উপায় সরবরাহ করে। আমার উত্তর আপনাকে ভিউ, বোতাম, চিত্র ইত্যাদির কোণার রেডিয়াস পরিবর্তন করার অনুমতি দিয়ে সেই উত্তরটির বাইরে চলে গেছে
দয়া করে নীচের কোডটি একবার দেখুন। এই কোডটি ব্যবহার করতে রাউন্ডেড ভিউ নামে একটি নতুন সুইফট ফাইল তৈরি করুন বা আপনি যেটিকে কল করতে চান তারপরে আপনার স্টোরিবোর্ডে যান এবং ক্লাসটি "রাউন্ডডভিউ", "রাউন্ডেডআইমেজভিউ" বা "রাউন্ডডবটন" তে পরিবর্তন করুন।
import UIKit
@IBDesignable class RoundedImage: UIImageView
{
override func layoutSubviews() {
super.layoutSubviews()
updateCornerRadius()
}
@IBInspectable var rounded: Bool = false {
didSet {
updateCornerRadius()
}
}
@IBInspectable var cornerRadius: CGFloat = 0.1 {
didSet {
updateCornerRadius()
}
}
func updateCornerRadius() {
layer.cornerRadius = rounded ? cornerRadius : 0
layer.masksToBounds = rounded ? true : false
}
}
@IBDesignable class RoundedView: UIView
{
override func layoutSubviews() {
super.layoutSubviews()
updateCornerRadius()
}
@IBInspectable var rounded: Bool = false {
didSet {
updateCornerRadius()
}
}
@IBInspectable var cornerRadius: CGFloat = 0.1 {
didSet {
updateCornerRadius()
}
}
func updateCornerRadius() {
layer.cornerRadius = rounded ? cornerRadius : 0
layer.masksToBounds = rounded ? true : false
}
}
@IBDesignable class RoundedButton: UIButton
{
override func layoutSubviews() {
super.layoutSubviews()
updateCornerRadius()
}
@IBInspectable var rounded: Bool = false {
didSet {
updateCornerRadius()
}
}
@IBInspectable var cornerRadius: CGFloat = 0.1 {
didSet {
updateCornerRadius()
}
}
func updateCornerRadius() {
layer.cornerRadius = rounded ? cornerRadius : 0
layer.masksToBounds = rounded ? true : false
}
}যোগ করার সময় layer.cornerRadiusস্টোরিবোর্ড মধ্যে নিশ্চিত করুন যে আপনি বিশিষ্ট বা লম্বা স্পেস না থাকে না। আপনি যদি অনুলিপি পেস্ট করেন তবে স্থানগুলি sertedোকানো হতে পারে। এক্সকোড কোনও ধরণের সতর্কতা বা ত্রুটি বললে ভাল হবে।
এটা চেষ্টা কর!!
override func viewDidLoad() {
super.viewDidLoad()
var button = UIButton.buttonWithType(.Custom) as UIButton
button.frame = CGRectMake(160, 100, 200,40)
button.layer.cornerRadius =5.0
button.layer.borderColor = UIColor.redColor().CGColor
button.layer.borderWidth = 2.0
button.setImage(UIImage(named:"Placeholder.png"), forState: .Normal)
button.addTarget(self, action: "OnClickroundButton", forControlEvents: .TouchUpInside)
button.clipsToBounds = true
view.addSubview(button)
}
func OnClickroundButton() {
NSLog(@"roundButton Method Called");
}এই সমস্যাটির জন্য এক্সটেনশনটি সেরা বিকল্প। ভিউ বা বোতামের একটি এক্সটেনশন তৈরি করুন
public extension UIView {
//Round the corners
func roundCorners(){
let radius = bounds.maxX / 16
layer.cornerRadius = radius
}
}কোড থেকে কল করুন
button.roundCorners()আমি এক্সকোড সংস্করণ 11.4 ব্যবহার করছি
বৈশিষ্ট্য পরিদর্শকটিতে, আপনি কোণার ব্যাসার্ধ নির্ধারণ করতে পারেন।
এটি স্টোরিবোর্ডে প্রদর্শিত হবে না তবে আপনি প্রকল্পটি চালানোর সময় এটি কার্যকর হবে।
import UIKit
@IBDesignable class MyButton: UIButton
{
override func layoutSubviews() {
super.layoutSubviews()
}
func updateCornerRadius(radius:CGFloat) {
layer.cornerRadius = radius
}
@IBInspectable var cornerRadius:CGFloat = 0{
didSet{
updateCornerRadius(radius: cornerRadius)
}
}
}