详解button设置文字和图片

UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]

button.backgroundColor = kRandomColor

button.tag = i + addTag

button.frame = CGRectMake(kScreenWidth / 3 * i, 0, kScreenWidth / 3, 50)

//首先设置需要显示的文字和图片

[button setTitle:titleArray[i] forState:UIControlStateNormal]

[button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]

[button setImage:image forState:UIControlStateNormal]

//再将文字和图片进行偏移处理

//这里+3和-3是需要文字和图片有一定的间隔

[button setTitleEdgeInsets:UIEdgeInsetsMake(0, -image.size.width, 0, image.size.width)]

[button setImageEdgeInsets:UIEdgeInsetsMake(0, button.titleLabel.bounds.size.width+3, 0, -button.titleLabel.bounds.size.width-3)]

//自己去将图片进行修改

- (UIImage *)scaleToSize:(UIImage *)img size:(CGSize)size{

// 创建一个bitmap的context

// 并把它设置成为当前正在使用的context

UIGraphicsBeginImageContext(size)

// 绘制改变大小的图片

[img drawInRect:CGRectMake(0, 0, size.width, size.height)]

// 从当前context中创建一个改变大小后的图片

UIImage* scaledImage = UIGraphicsGetImageFromCurrentImageContext()

// 使当前的context出堆栈

UIGraphicsEndImageContext()

// 返回新的改变大小后的图片

return scaledImage

}

给图片加一个onclick事件，用js事件来提交就可以实现。

例：<input type="image" src="图片地址" />

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

       效果如图：

实现方法：在属性检查器中可以设置Edge属性包括content、title和image。如图2所示。

在Top,Bottom,Left,Right中设置值，如果为负值则表示向对应边移动（靠近）。

---