UIButton शीर्षक और छवि संरेखण क्वेरी

Question

मेरे पास UIButton है और मैं इस पर एक शीर्षक और एक छवि सेट करने की कोशिश कर रहा हूं।

मैं शीर्षक को UIButton के बाईं ओर दाईं ओर संरेखित करना चाहता हूं और दाईं ओर एक छवि को गठबंधन करना चाहता हूं। मैं क्लॉक ऐप में टाइमर में बटन के दिखने और महसूस करने की कोशिश कर रहा हूं (वह जो "टाइमर एंड्स" कहता है)।

मैं अपने लक्ष्य को प्राप्त करने contentHorizontalAlignment, contentEdgeInsets, titleEdgeInsets और imageEdgeInsets साथ fiddled, लेकिन कोई लाभ नहीं हुआ। दस्तावेज भी इसके लिए काफी अस्पष्ट है।

मैं इसे कैसे प्राप्त कर सकता हूं?

इसके अलावा संबंधित प्रश्न, क्लॉक ऐप में टाइमर में टेक्स्ट का दो सेट है, एक बाईं ओर गठबंधन है और अन्य छवि के साथ गठबंधन है? UIButton में यह कैसे किया जा सकता है? (मुझे फिलहाल उस कार्यक्षमता की आवश्यकता नहीं है)।

Answer 1

बदलें UIButton और फिर आगे imageEdgeInsets संपत्ति सिर्फ का उपयोग setImage:forState:

Answer 2

याद रखें कि UIButton UIView से विरासत में है, और इसलिए आप किसी अन्य दृश्य की तरह इसे सबव्यूव जोड़ सकते हैं। अपनी स्थिति में, आप एक बटन बनाने हैं, तो बाईं ओर और सही पर एक UIImage पर एक UILabel जोड़ें:

// Create the button 
UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect]; 

// Now load the image and create the image view 
UIImage *image = [UIImage imageNamed:@"yourImage.png"]; 
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(/*frame*/)]; 
[imageView setImage:image]; 

// Create the label and set its text 
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(/*frame*/)]; 
[label setText:@"Your title"]; 

// Put it all together 
[button addSubview:label]; 
[button addSubview:imageView];

Answer 3

यहाँ है कोड मैं उस के लिए उपयोग करें:

//Right-align the button image 
CGSize size = [[myButton titleForState:UIControlStateNormal] sizeWithFont:myButton.titleLabel.font]; 
[myButton setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 0, -size.width)]; 
[myButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0, myButton.imageView.image.size.width + 5)]; 

Answer 4

एक UIButton उपवर्ग बनाएँ और प्रोग्राम के रूप में अपने पाठ & छवि संरेखित करने के लिए अपने layoutSubviews विधि ओवरराइड। या https://github.com/stevestreza/BlockKit/blob/master/Source/UIView-BKAdditions.h जैसे कुछ का उपयोग करें ताकि आप ब्लॉक का उपयोग करके लेआउटसब्यूव्यू को कार्यान्वित कर सकें।

Answer 5

निम्नलिखित कोड काम करता है:

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 
button.frame = buttonRect; 
[button setTitle:@"A title" forState:UIControlStateNormal]; 
[button setImage:buttonImage forState:UIControlStateNormal]; 
button.imageEdgeInsets = UIEdgeInsetsMake(0.0, WIDTH(button.titleLabel) + 10.0, 0.0, 0.0); 
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft; 

Answer 6

आप भी अपने पाठ और छवि जहां भी चाहें आदेश की स्थिति में UIButton की titleRectForContentRect: और imageRectForContentRect: तरीकों ओवरराइड कर सकते हैं।

Answer 7

यहां स्विफ्ट में UIButton का उप-वर्ग है जो बाईं ओर की छवि को संरेखित करता है और केंद्र में पाठ को संरेखित करता है। अपने वांछित मूल्य पर imageLeftInset सेट करें।

class LeftImageAlignedButton : UIButton { 

var imageLeftInset : CGFloat = 10.0 

override func layoutSubviews() { 
    super.layoutSubviews() 
    self.contentHorizontalAlignment = .Left 
    if let font = titleLabel?.font { 
     let textWidth = ((titleForState(state) ?? "") as NSString).sizeWithAttributes([NSFontAttributeName:font]).width 
     let imageWidth = imageForState(state)?.size.width ?? 0.0 
     imageEdgeInsets = UIEdgeInsets(top: 0, left: imageLeftInset, bottom: 0, right: 0) 
     titleEdgeInsets = UIEdgeInsets(top: 0, left: bounds.width/2 - textWidth/2.0 - imageWidth, bottom: 0, right: 0) 
    } 
} 
} 

Answer 8

स्विफ्ट में किसी को भी कि (क 10pt अंतर के साथ) परवाह करता है के लिए:

let size = (self.titleForState(UIControlState.Normal)! as NSString).sizeWithAttributes([NSFontAttributeName:self.titleLabel!.font]) 
let offset = (size.width + 10) 
self.imageEdgeInsets = UIEdgeInsetsMake(0, offset, 0, -offset) 
self.titleEdgeInsets = UIEdgeInsetsMake(0, 0, 0, self.imageView!.frame.size.width + 10) 

Answer 9

आईओएस 9 पर उपयोग के लिए, मैं इस सूत्र में कई जवाब करने की कोशिश की लेकिन मेरे लिए उपयुक्त उनमें से कोई भी। मैं इस प्रकार खुद के लिए इस सवाल का जवाब मिला:

class MyButton: UIButton { 

    override func layoutSubviews() { 
    super.layoutSubviews() 

    self.contentHorizontalAlignment = UIControlContentHorizontalAlignment.Left 

    if self.imageView?.image != nil { 
     // Move icon to right side 
     self.imageEdgeInsets = UIEdgeInsets(
     top: 0, 
     left: self.bounds.size.width - self.imageView!.image!.size.width, 
     bottom: 0, 
     right: 0) 

     // Move title to left side 
     self.titleEdgeInsets = UIEdgeInsetsMake(0, -self.imageView!.frame.size.width + 8, 0, 0) 

    } 
    } 
} 

स्विफ्ट 3:

class MyButton: UIButton { 

    override func layoutSubviews() { 
     super.layoutSubviews() 

     self.contentHorizontalAlignment = UIControlContentHorizontalAlignment.left 

     if self.imageView?.image != nil { 
      // Move icon to right side 
      self.imageEdgeInsets = UIEdgeInsets(
       top: 0, 
       left: self.bounds.size.width - self.imageView!.image!.size.width, 
       bottom: 0, 
       right: 0) 

      // Move title to left side 
      self.titleEdgeInsets = UIEdgeInsetsMake(0, -self.imageView!.frame.size.width + 8, 0, 0) 

     } 
    } 
} 

मुझे आशा है कि यह मुझे के रूप में मामले में किसी को मदद मिलेगी!