UIButton छवि + टेक्स्ट आईओएस

Question

मुझे छवि & टेक्स्ट के साथ UIButton की आवश्यकता है। छवि शीर्ष & टेक्स्ट में होनी चाहिए छवि के तहत पाठ दोनों क्लिक करने योग्य होना चाहिए। इस कोड को

Answer 1

मुझे कोड का उपयोग करके बहुत जटिल उत्तर दिखाई देते हैं।

1. बटन का चयन करें और एक शीर्षक और एक छवि सेट: हालांकि, अगर आप इंटरफ़ेस बिल्डर उपयोग कर रहे हैं, वहाँ यह करने के लिए एक बहुत ही आसान तरीका है। ध्यान दें कि यदि आप छवि के बजाय पृष्ठभूमि सेट करते हैं तो छवि का आकार बदल दिया जाएगा यदि यह बटन से छोटा है।
2. किनारे और इन्सेट्स को बदलकर दोनों वस्तुओं की स्थिति सेट करें। आप नियंत्रण खंड में दोनों के संरेखण को भी नियंत्रित कर सकते हैं।

तुम भी कोड द्वारा एक ही दृष्टिकोण का उपयोग कर सकता है, अंदर UILabels और UIImages बनाने अन्य समाधान का प्रस्ताव के रूप में बिना। हमेशा इसे सरल रखें!

संपादित करें: सही सन्निवेश वाली

Answer 2

उपयोग:

UIButton *button=[UIButton buttonWithType:UIButtonTypeRoundedRect]; 
    button.imageView.frame=CGRectMake(0.0f, 0.0f, 50.0f, 44.0f);///You can replace it with your own dimensions. 
    UILabel *label=[[UILabel alloc] initWithFrame:CGRectMake(0.0f, 35.0f, 50.0f, 44.0f)];///You can replace it with your own dimensions. 
    [button addSubview:label]; 

Answer 3

UIImageView और UILabel, और यह दोनों के लिए छवि और पाठ सेट बनाओ .... तो imageView और लेबल के ऊपर एक कस्टम बटन रखें ....

UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"search.png"]]; 
    imageView.frame = CGRectMake(x, y, imageView.frame.size.width, imageView.frame.size.height); 
    [self.view addSubview:imageView]; 

UILabel *yourLabel = [[UILabel alloc] initWithFrame:CGRectMake(x, y,a,b)]; 
yourLabel.text = @"raj"; 
[self.view addSubview:yourLabel]; 

UIButton * yourBtn=[UIButton buttonWithType:UIButtonTypeCustom]; 
[yourBtn setFrame:CGRectMake(x, y,c,d)]; 
[yourBtn addTarget:self action:@selector(@"Your Action") forControlEvents:UIControlEventTouchUpInside]; 
[self.view addSubview:yourBtn]; 

Answer 4

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 
button.imageView.image = [UIImage imageNamed:@"your image name here"]; 
button.titleLabel.text = @"your text here"; 

लेकिन निम्नलिखित कोड पृष्ठभूमि में ऊपर लेबल तथा छवि दिखाएगा

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 
button.background.image = [UIImage imageNamed:@"your image name here"]; 
button.titleLabel.text = @"your text here"; 

उसी नियंत्रण में लेबल और बटन का उपयोग करने की आवश्यकता नहीं है क्योंकि UIButton में UILabel और UIimageview गुण हैं।

Answer 5

मुझे लगता है कि आप अपनी समस्या के लिए इस समाधान लिए देख रहे हैं:

UIButton *_button = [UIButton buttonWithType:UIButtonTypeCustom]; 
[_button setFrame:CGRectMake(0.f, 0.f, 128.f, 128.f)]; // SET the values for your wishes 
[_button setCenter:CGPointMake(128.f, 128.f)]; // SET the values for your wishes 
[_button setClipsToBounds:false]; 
[_button setBackgroundImage:[UIImage imageNamed:@"jquery-mobile-icon.png"] forState:UIControlStateNormal]; // SET the image name for your wishes 
[_button setTitle:@"Button" forState:UIControlStateNormal]; 
[_button.titleLabel setFont:[UIFont systemFontOfSize:24.f]]; 
[_button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; // SET the colour for your wishes 
[_button setTitleColor:[UIColor redColor] forState:UIControlStateHighlighted]; // SET the colour for your wishes 
[_button setTitleEdgeInsets:UIEdgeInsetsMake(0.f, 0.f, -110.f, 0.f)]; // SET the values for your wishes 
[_button addTarget:self action:@selector(buttonTouchedUpInside:) forControlEvents:UIControlEventTouchUpInside]; // you can ADD the action to the button as well like 

... बटन के अनुकूलन के बाकी अपने कर्तव्य है अब, और भूल जाओ बटन जोड़ने के लिए नहीं है आपके विचार में

अद्यतन # 1 और अद्यतन # 2

या, आप अपने देखने के लिए अपने बटन जोड़ सकते हैं इंटरफ़ेस बिल्डर में और आप सेट कर सकते हैं आप एक गतिशील बटन की जरूरत नहीं है, तो वही मूल्य भी वहां पर। यह बहुत ही समान है, लेकिन यह संस्करण एक साधारण तस्वीर में भी है।

आप भी इंटरफ़ेस बिल्डर में अंतिम परिणाम देख सकते हैं के रूप में यह स्क्रीनशॉट पर है।

Answer 6

आप पाठ के लिए छवि और कस्टम लेबल के लिए कस्टम imageView बनाना चाहिए और आप subviews के रूप में अपने बटन को बढ़ाते हैं। बस।

UIButton *yourButton = [UIButton buttonWithType:UIButtonTypeCustom]; 
yourButton.backgroundColor = [UIColor greenColor]; 
yourButton.frame = CGRectMake(140, 40, 175, 30);  
[yourButton addTarget:self action:@selector(yourButtonSelected:) forControlEvents:UIControlEventTouchUpInside]; 
[self.view addSubview:yourButton]; 

UIImageView *imageView1 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, yourButton.frame.size.width, yourButton.frame.size.height/2)]; 
imageView1.image =[UIImage imageNamed:@"images.jpg"]; 
[yourButton addSubview:imageView1]; 

UILabel *label=[[UILabel alloc] initWithFrame:CGRectMake(0, yourButton.frame.size.height/2, yourButton.frame.size.width, yourButton.frame.size.height/2)]; 
label.backgroundColor = [UIColor greenColor]; 
label.textAlignment= UITextAlignmentCenter; 
label.text = @"ButtonTitle"; 
[yourButton addSubview:label]; 

परीक्षण प्रयोजन के लिए, yourButtonSelected: विधि

-(void)yourButtonSelected:(id)sender{ 
    NSLog(@"Your Button Selected"); 

} 

का उपयोग मुझे लगता है कि यह आपके लिए उपयोगी साबित होगा।

Answer 7

इस कोड का उपयोग करें:

UIButton *sampleButton = [UIButton buttonWithType:UIButtonTypeCustom]; 
[sampleButton setFrame:CGRectMake(0, 10, 200, 52)]; 
[sampleButton setTitle:@"Button Title" forState:UIControlStateNormal]; 
[sampleButton setFont:[UIFont boldSystemFontOfSize:20]]; 
[sampleButton setBackgroundImage:[[UIImage imageNamed:@"redButton.png"] 
stretchableImageWithLeftCapWidth:10.0 topCapHeight:0.0] forState:UIControlStateNormal]; 
[sampleButton addTarget:self action:@selector(buttonPressed) 
forControlEvents:UIControlEventTouchUpInside]; 
[self.view addSubview:sampleButton] 

Answer 8

यह वास्तव में सरल है, बस छवि आप बटन की पृष्ठभूमि करने के लिए जोड़ सकते हैं और uicontrolstatenormal के लिए बटन के titlelabel के लिए पाठ दे रहा है। यही वह है।

[btn setBackgroundImage:[UIImage imageNamed:@"img.png"] forState:UIControlStateNormal]; 
[btn setContentVerticalAlignment:UIControlContentVerticalAlignmentBottom]; 
[btn setTitle:@"Click Me" forState:UIControlStateNormal]; 

Answer 9

मैं एक ही समस्या का सामना करना पड़ा है, और मैं UIButton और अधिभावी का एक नया उपवर्ग बनाकर उसे ठीक के साथ 3 चीजों को सेट (शीर्षक, छवि और पृष्ठभूमि) होने एक छोटा सा उदाहरण संलग्न नीचे के रूप में layoutSubviews: विधि:

-(void)layoutSubviews { 
    [super layoutSubviews]; 

    // Center image 
    CGPoint center = self.imageView.center; 
    center.x = self.frame.size.width/2; 
    center.y = self.imageView.frame.size.height/2; 
    self.imageView.center = center; 

    //Center text 
    CGRect newFrame = [self titleLabel].frame; 
    newFrame.origin.x = 0; 
    newFrame.origin.y = self.imageView.frame.size.height + 5; 
    newFrame.size.width = self.frame.size.width; 

    self.titleLabel.frame = newFrame; 
    self.titleLabel.textAlignment = UITextAlignmentCenter; 

} 

मुझे लगता है कि एंजेल गार्सिया Olloqui का जवाब एक और अच्छा समाधान है, यदि आप मैन्युअल इंटरफ़ेस बिल्डर के साथ उन सभी को जगह लेकिन मैं अपने समाधान रखेंगे के बाद से मैं की जरूरत नहीं है सामग्री इन्सेट संशोधित करें मेरे प्रत्येक बटन के लिए एस है।

Answer 10

चेक इस भयानक lib ImageCenterButton यह है कि अन्य libs चेहरे सभी समस्याओं को हल करती है और मैं इसे आईओएस के साथ काम करता इस बात की पुष्टि 9

Answer 11

Xcode -8 और Xcode-9 एप्पल कुछ किया अब एज इंसेट के संबंध में परिवर्तन, आप आकार निरीक्षक के तहत इसे बदल सकते हैं।

नीचे दिए गए चरणों का पालन करें:

चरण -1: इनपुट पाठ का चयन करें और छवि है जो आप दिखाना चाहते हैं:

चरण -2: चुनें बटन पर नियंत्रण नीचे दी गई छवि में दिखाए गए अनुसार आपकी आवश्यकता के अनुसार:

चरण -3: अब जाना-टू आकार निरीक्षक और अपने आवश्यकता के अनुसार मूल्य जोड़ने: