Как добавить текст и изображение в UIButton

Question

Я хочу добавить UIButton. Тем не менее, мне нужны следующие элементы, отображаемые на нем.

В первую очередь мне нужно отобразить какой-нибудь текст, а затем небольшое изображение, а затем снова некоторый текст с последующим изображением, как показано на приведенной выше схеме. Как я могу это сделать?

Кроме того, мне нужно знать, придерживается ли это требований к пользовательским интерфейсам Apple. Если нет, предложите, как я могу это сделать? (Может быть использовать метку вместо этого)

Код

button= [UIButton buttonWithType: UIButtonTypeRoundedRect]; 
button.frame = CGRectMake(210, 285, 100, 18)]; 
//[button setTitle:@"Show View" forState:UIControlStateNormal]; 
[button 
addTarget:self action:@selector(addProjectPressed:) forControlEvents:UIControlEventTouchUpInside]; 

Answer 1

Я хотел бы предложить вам создать собственный UIButton, и добавить UILabels и UIImageViews кнопке.

Обратите внимание, что вы можете добавить столько элементов к кнопке, сколько хотите, поскольку UIButton является подклассом UIView (это возможно только через код, а не через Interface Builder).

Другим вариантом было бы создать пользовательские UIView, а затем добавить эти элементы, а также жесты, чтобы собрать из них для нажатия кнопки и т.д.

Кроме того, если эта кнопка разовый только тогда вы можете сделать это на ваш взгляд, контроллер.

Чтобы добавить любой элемент UIButton все, что вам нужно сделать, это:

[myButton addSubview:particularSubview] 

Если у вас есть три метки и два изображения, повторите процесс в пять раз.

Имейте в виду, что вы должны INIT элементы пользовательского интерфейса с рамкой, чтобы они не перекрывали друг друга:

UILabel *ll = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 15, 20)]; 

первый параметр х, второй является у, третий широтно вперед и по высоте.

Answer 2

Не уверен, что вы можете сделать это с помощью родного UIButton, но вы можете подкласса UIView и создать элементы в этом представлении. Тогда просто переопределить метод - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event, чтобы обнаружить, когда весь вид (иначе кнопка) нажата

другие ответы предполагают, вы также можете создать подкласс UIButton (давая вам выстукивая жест OOB)

Answer 3

Вы можете использовать новый функция, введенная свойствами Apple, IBDesignable и IBInspectacle (я написал basic tutorial here, но вы можете найти множество образцов on GitHub).

В качестве отправной точки подкласс UIButton с вашим собственным классом и добавлением компонентов, которые вам нужны вручную.

Answer 4

Самый простой способ для создания кнопок с изображением является

-(void)createButton:(NSString *)text atPos:(CGPoint)pos{ 
    UIImage *image=[UIImage imageNamed:@"image.png"]; 

    UIButton *button=[UIButton buttonWithType:UIButtonTypeCustom]; 
    [button setBackgroundImage:image forState:UIControlStateNormal]; 
    [button setTitle:text forState:UIControlStateNormal]; 

    //it is important to use image size same for the frame if you are setting image in background mode.. 
    [button setFrame:CGRectMake(pos.x, pos.y, image.size.width, image.size.height)]; 
    [self.view addSubview:button]; 
} 

Тогда позвони туда, где вы хотите разместить его.

[self createButton:@"Text" atPos:CGPointMake(0, 0)]; 

Однако вы можете попробовать установить edge inset тоже для решения

См here, чтобы получить некоторое представление.

Надеюсь, это поможет.

Cheers.