- \u89e3\u91ca\uff1a\u5bf9\u6bcf\u6761\u8fb9\u5411\u5185\u65b9\u5411<\/strong>\u7684\u504f\u79fb\u91cf\uff0c\u53ef\u4ee5\u4e3a\u6b63\u503c\uff08\u5411\u5185\u504f\u79fb\uff09\u4e5f\u53ef\u4ee5\u4e3a\u8d1f\u503c\uff08\u5411\u5916\u504f\u79fb\uff09\u3002<\/li><\/ul>\n\n\n\n
![\"\"](\"http:\/\/123.57.164.21\/wp-content\/uploads\/2022\/09\/\u56fe\u7247-67-1024x631.png\")
<\/figure><\/div>\n\n\n\n\u57fa\u672c\u4f7f\u7528\uff1a<\/p>\n\n\n\n
xxx.edgeInsets = UIEdgeInsetsMake(.0, .0, .0, .0);\n\n\/\/\u4f8b\u5982\u6211\u4eec\u8bbe\u7f6eUICollectionView\u7684edgeInset\u4f1a\u4f7fcollectionView\u4ea7\u751f\u5185\u504f\u79fb\nUICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];\nlayout.sectionInset = UIEdgeInsetsMake(20.0, .0, .0, .0);\n<\/pre>\n\n\n\n
\u5f15\u5165\u6b63\u9898\uff1a
\u7136\u800c\uff0cUIButton\u7684\u5185\u504f\u79fb\u91cf\u4e0e\u5176\u4ed6\u63a7\u4ef6\u6709\u4e9b\u533a\u522b\uff0c
\u56e0\u4e3aUIButton\u5185\u90e8\u9ed8\u8ba4\u6709\u4e24\u4e2a\u5b50\u63a7\u4ef6\uff1aUILabel\u548cUIImageView
\u6240\u4ee5UIButton\u5728\u5185\u504f\u79fb\u91cf\u7684\u8ba1\u7b97\u4e0a\u4f1a\u6709\u5dee\u5f02\u3002
\u4e3a\u4ec0\u4e48\uff1f\u5148\u5356\u4e2a\u5173\u5b50\uff0c\u4e0b\u6587\u89e3\u91ca\u3002<\/p>\n\n\n\n![\"\"](\"http:\/\/123.57.164.21\/wp-content\/uploads\/2022\/09\/\u56fe\u7247-68.png\")
<\/figure><\/div>\n\n\n\nUIButtonEdgeInsets:<\/strong><\/p>\n\n\n\n
\n\n\n\n\u9700\u6c42\uff1a\u901a\u8fc7\u4fee\u6539edgeInsets\uff0c\u6539\u53d8Button\u5185\u90e8\u7684ImageView\u548ctitleLabel\u7684\u76f8\u5bf9\u4f4d\u7f6e\u3002<\/p>\n\n\n\n
\u5c0f\u7f16\u505a\u4e86\u4e00\u4e2ademo\uff0c\u6548\u679c\u5982\u4e0b\u56fe\uff1a<\/p>\n\n\n\n
<\/p>\n\n\n\n
\u601d\u8def\uff1a\u901a\u8fc7\u4fee\u6539button\u7684\u4e24\u4e2a\u5c5e\u6027\uff1atitleEdageInsets\u548cimageEdgeInsets\uff0c\u4ece\u800c\u8fbe\u5230\u6700\u7ec8\u7684\u5177\u4f53\u9700\u6c42\u3002\u8fd9\u91cc\u5217\u51fa\u4e86\u4e09\u4e2a\u6bd4\u8f83\u5e38\u89c1\u7684\u9700\u6c42\uff1a<\/p>\n\n\n\n
- image\u5de6 title\u53f3<\/li>
- image\u53f3 title\u5de6<\/li>
- image\u4e0a title\u4e0b<\/li><\/ul>\n\n\n\n
\u573a\u666f\u4e00\uff1a\u5de6\u56fe\u53f3\u5b57<\/strong><\/p>\n\n\n\n
button.titleEdgeInsets = UIEdgeInsetsMake(0, 10.0, 0, 0);<\/pre>\n\n\n\n
\u8bed\u6cd5\u89e3\u91ca\uff1a\u8bbe\u7f6e\u4e86title\u7684\u5de6\u8fb9\u7ebf\u7684\u5185\u504f\u79fb\u91cf\u4e3a10.0\uff0c<\/p>\n\n\n\n
\u4f46\u7ecf\u6d4b\u8bd5\uff0c
\u6ce8\u610f\uff1a\u5b9e\u9645\u4e0atitle\u548cImage\u76f4\u63a5\u53ea\u67095.0\u7684\u8ddd\u79bb<\/strong><\/p>\n\n\n\n\u56fe\u89e3\u5982\u4e0b\uff1a<\/p>\n\n\n\n
![\"\"](\"http:\/\/123.57.164.21\/wp-content\/uploads\/2022\/09\/\u56fe\u7247-69-1024x564.png\")
<\/figure><\/div>\n\n\n\n\u5728\u8fd9\u79cd\u573a\u666f\u4e0b\uff1a<\/p>\n\n\n\n
- title\u7684 \u4e0a\u8fb9\u7ebf\u3001\u53f3\u8fb9\u7ebf\u3001\u4e0b\u8fb9\u7ebf \u5185\u504f\u79fb<\/strong> \u662f\u76f8\u5bf9\u4e8econtentView\u7684<\/li>
- image\u7684 \u4e0a\u8fb9\u7ebf\u3001\u5de6\u8fb9\u7ebf\u3001\u4e0b\u8fb9\u7ebf \u5185\u504f\u79fb<\/strong> \u662f\u76f8\u5bf9\u4e8econtentView\u7684<\/li>
- title\u7684 \u5de6\u8fb9\u7ebf \u5185\u504f\u79fb<\/strong> \u76f8\u5bf9\u4e8eimage<\/li>
- image\u7684 \u53f3\u8fb9\u7ebf \u5185\u504f\u79fb<\/strong> \u76f8\u5bf9\u4e8etitle<\/li><\/ul>\n\n\n\n
\u573a\u666f\u4e8c\uff1a\u5de6\u5b57\u53f3\u56fe<\/strong><\/p>\n\n\n\n
button.titleEdgeInsets = UIEdgeInsetsMake(.0, - button.imageView.bounds.size.width - 10.0, .0, button.imageView.bounds.size.width);\nbutton.imageEdgeInsets = UIEdgeInsetsMake(.0, button.titleLabel.bounds.size.width, .0, - button.titleLabel.bounds.size.width);\n<\/pre>\n\n\n\n
\u8bed\u6cd5\u89e3\u91ca\uff1a<\/p>\n\n\n\n
- title\u7684 \u5de6\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb – (imageView.width +10\uff09<=> \u7b49\u4ef7\u4e8e title\u7684\u5de6\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u53cd\u65b9\u5411<\/strong> \u79fb\u52a8 (image.width +10)<\/li>
- title\u7684 \u53f3\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb imageView.width <=> \u7b49\u4ef7\u4e8e title\u7684\u53f3\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u6b63\u65b9\u5411<\/strong> \u79fb\u52a8 imageView.width<\/li>
- image\u7684 \u5de6\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb titleLabel.width <=> \u7b49\u4ef7\u4e8e image\u7684\u5de6\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u6b63\u65b9\u5411<\/strong> \u79fb\u52a8 titleLabel.width<\/li>
- image\u7684 \u53f3\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb – titleLabel.width <=> \u7b49\u4ef7\u4e8e title\u7684\u5de6\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u53cd\u65b9\u5411<\/strong> \u79fb\u52a8 titleLabel.width<\/li><\/ul>\n\n\n\n
\u662f\u4e0d\u662f\u6709\u70b9\u7ed5\u4eba\uff1f\u54c8\u54c8\uff0c\u4e0d\u8981\u614c\uff0c\u8bf7\u770b\u56fe\u89e3<\/p>\n\n\n\n
![\"\"](\"http:\/\/123.57.164.21\/wp-content\/uploads\/2022\/09\/\u56fe\u7247-70.png\")
<\/figure><\/div>\n\n\n\n\u573a\u666f\u4e09\uff1a\u4e0a\u56fe\u4e0b\u5b57<\/strong><\/p>\n\n\n\n
button.titleEdgeInsets = UIEdgeInsetsMake(button.imageView.frame.size.height + 10.0, - button.imageView.bounds.size.width, .0, .0);\nbutton.imageEdgeInsets = UIEdgeInsetsMake(.0, button.titleLabel.bounds.size.width \/ 2, button.titleLabel.frame.size.height + 10.0, - button.titleLabel.bounds.size.width \/ 2);\n<\/pre>\n\n\n\n
\u8bed\u6cd5\u89e3\u91ca\uff1a<\/p>\n\n\n\n
- title\u7684 \u4e0a\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb (imageView.height +10\uff09<=> \u7b49\u4ef7\u4e8e title\u7684\u4e0a\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u6b63\u65b9\u5411<\/strong> \u79fb\u52a8 (image.height +10)<\/li>
- title\u7684 \u5de6\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb – imageView.width <=> \u7b49\u4ef7\u4e8e title\u7684\u5de6\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u53cd\u65b9\u5411<\/strong> \u79fb\u52a8 image.width<\/li>
- image\u7684 \u5de6\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb titleLabel.width * 0.5 <=> \u7b49\u4ef7\u4e8e image\u7684\u5de6\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u6b63\u65b9\u5411<\/strong> \u79fb\u52a8 titleLabel.width \u7684\u4e00\u534a<\/li>
- image\u7684 \u4e0b\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb titleLabel.height + 10 <=> \u7b49\u4ef7\u4e8e image\u7684\u4e0b\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u6b63\u65b9\u5411<\/strong> \u79fb\u52a8 titleLabel.height + 10<\/li>
- image\u7684 \u53f3\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb – titleLabel.width * 0.5 <=> \u7b49\u4ef7\u4e8e image\u7684\u53f3\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u53cd\u65b9\u5411<\/strong> \u79fb\u52a8 titleLabel.width \u7684\u4e00\u534a<\/li><\/ul>\n\n\n\n
\u8bf7\u770b\u56fe\u89e3\uff1a<\/p>\n\n\n\n
- title\u7684 \u5de6\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb – imageView.width <=> \u7b49\u4ef7\u4e8e title\u7684\u5de6\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u53cd\u65b9\u5411<\/strong> \u79fb\u52a8 image.width<\/li>
- title\u7684 \u53f3\u8fb9\u7ebf<\/strong> \u5185\u504f\u79fb imageView.width <=> \u7b49\u4ef7\u4e8e title\u7684\u53f3\u8fb9\u7ebf \u5411 \u5185\u504f\u79fb\u7684\u6b63\u65b9\u5411<\/strong> \u79fb\u52a8 imageView.width<\/li>
- image\u7684 \u4e0a\u8fb9\u7ebf\u3001\u5de6\u8fb9\u7ebf\u3001\u4e0b\u8fb9\u7ebf \u5185\u504f\u79fb<\/strong> \u662f\u76f8\u5bf9\u4e8econtentView\u7684<\/li>
- title\u7684 \u4e0a\u8fb9\u7ebf\u3001\u53f3\u8fb9\u7ebf\u3001\u4e0b\u8fb9\u7ebf \u5185\u504f\u79fb<\/strong> \u662f\u76f8\u5bf9\u4e8econtentView\u7684<\/li>
![\"\"](\"http:\/\/123.57.164.21\/wp-content\/uploads\/2022\/09\/\u56fe\u7247-71-1024x596.png\")
<\/figure><\/div>\n\n\n\n