UIButton文字居左，图片居右~Xib

最新推荐文章于 2022-03-11 15:29:27 发布
最新推荐文章于 2022-03-11 15:29:27 发布
阅读量6.1k 收藏
点赞数
分类专栏： IOS开发 文章标签： iOS UIButton 图标靠右
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenhezhuyan/article/details/52863947
版权 
 

 

 

如上图：选中编辑的UIButton,切换到size inspector页面
 

默认情况下 content indtes、Title insets、Image insets三个的默认值都为0
 

可以动过调节TitleLabel的右边距，给图像留出空间，然后把图像左边距调到titleLabel的宽度，图像就出现在titleLabel的右边了
 


 

                

        

        

    




    

      

        

            

              
                
                  机器人开发者
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
                
  • 
                  
                    打赏
                    
                  
                  
    打赏
    
                
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
UIButton浅析,图片在右,文字在左

				
			

			

				

					Crazy Panda
				

				

					03-03
					
					1738
					
				

			

		

		

			
				
写了个简单的试了下.反正大体原理就是这样.可以根据自己的需要再细化点写.只是写个思维,不好看
新建个类继承UIButton


//
//  MyButton.m
//  Test
//
//  Created by XuTianyu on 16/3/1.
//  Copyright © 2016年 lakala. All rights reserved.
//

#import "MyB

			
		

	



                

              
                



	

		

			

				
					
IOS开发UIButton(左边图片右边文字效果)

				
			

			

				

					09-01
				

			

		

		

			
				
本篇文章主要实现了实现UIButton左边图片，图片后面紧跟文字效果，类似微信发现功能，有需要的朋友可以了解一下。

			
		

	



                


  
              

                


	

		

			

				
					
把UIButton中的文字放在图片的右边

				
			

			

				

					weixin_30611509的博客
				

				

					03-23
					
					277
					
				

			

		

		

			
				
　　网上的方案不是很多，估计大家都知道我这样的设置吧！
　　想要的button效果图
　　UIButton这个控件包含UILabel,UIImageView。
　　1.设置label距离父控件的左边距，为-10：
　　
　　2.设置imageView距离父控件的左边距，为50：
　　
　　同理也可以设置图片在下面，这个就不再上图了，大家试一试。
　　如果实现一个功能需要很复杂、很复...

			
		

	





	

		

			

				
					
iOS：UIButton实现图片距右展示

				
			

			

				

					韩博主
				

				

					06-24
					
					1619
					
				

			

		

		

			
				
文字居左，图片居右。
[btn setSemanticContentAttribute:UISemanticContentAttributeForceRightToLeft];




			
		

	



		

			
		



	

		

			

				
					
UIButton图片文字控件位置自定义(图片居右文字居左、图片居中文字居中、图片居左文字消失等)

				
			

			

				

					六六的博客
				

				

					11-13
					
					1028
					
				

			

		

		

			
				
在开发中经常会碰到需要对按钮中的图片文字位置做调整的需求。
第一种方式是通过设置按钮中图片文字的偏移量。通过方法setTitleEdgeInsets和setImageEdgeInsets实现

代码如下：


/*!**方式一***/
- (void)updateBtnStyle_rightImage:(UIButton *)btn {
    
    CGFloat btnImageWidth...

			
		

	





	

		

			

				
					
iOS如何将UIButton中的图片与文字上下对齐详解

				
			

			

				

					01-05
				

			

		

		

			
				
相信每位iOS开发者都知道在UIButton中可以设置图片和文字，也经常见到同时设置有图片和下方提示文字的按钮，但是当我自己去对图片按钮添加提示文字的时候，却发现这并不是想象中的那么简单。怎么不简单呢？下面来...

			
		

	





	

		

			

				
					
UIButton,UILabel文字旋转(倾斜)

				
			

			

				

					06-19
				

			

		

		

			
				
本教程将深入探讨如何实现UIButton和UILabel的文字旋转（倾斜）效果，让应用界面更具吸引力和独特性。  首先，我们要理解旋转（倾斜）的概念。在二维坐标系中，旋转是通过指定角度改变对象的位置，使其偏离原始方向...

			
		

	





	

		

			

				
					
如何实现按钮的图片在右边，文字在左边

				
			

			

				

					jia12216的专栏
				

				

					03-11
					
					3174
					
				

			

		

		

			
				
按钮设置了文字和图片，若宽度足够展开的话，默认都是图片在作，文字在右。想文字在左，图片在右右两种方法。
第一种方法很简单。通过设置setSemanticContentAttribute属性来实现。

```
[_bgBtn2 setSemanticContentAttribute:UISemanticContentAttributeForceRightToLeft];
```
第二种方法是通过设置titleEdgeInsets和setImageEdgeInsets来实现。

			
		

	





	

		

			

				
					
iOS UIButtonEdgeInsetsDemo图片在右，文字在左。以及设置原理。

				
			

			

				

					07-20
				

			

		

		

			
				
iOS UIButtonEdgeInsetsDemo图片在右，文字在左。以及设置原理。

			
		

	





	

		

			

				
					
[IOS笔记]改变UIButton中图片和文字的位置 xib与故事版的差别

				
			

			

				

					mashang123456789的专栏
				

				

					09-09
					
					1366
					
				

			

		

		

			
				
//  UEButton.h
//  UIButtonInner
//
//  Created by cdj on 17/9/9.
//  Copyright © 2017年 ue. All rights reserved.
//

#import 

@interface UEButton : UIButton

@end

//  UEButton.m
//  UIButtonInner
/

			
		

	





	

		

			

				
					
文字在左图片在右Button

				
			

			

				

					10-24
				

			

		

		

			
				
文字在左图片在右Button类

			
		

	





	

		

			

				
					
自定义UIButton 可任意调整图片对齐类型 和显示位置

				
			

			

				

					03-08
				

			

		

		

			
				
1、可任意调整图片对齐方式
2、显示位置
3、可以设置图片的大小
4、设置泡泡
5、点击状态变更
如有意见请留言，谢谢。

			
		

	





	

		

			

				
					
UIButton 文字在左，icon在右的办法

				
			

			

				

					superweiyan的博客
				

				

					05-05
					
					1090
					
				

			

		

		

			
				
在开发中，经常会碰到按钮到文字和icon 时左时右的情况。默认的情况是icon左，文字右。如果想反过来，有下面几个办法。
方法一：
在 stackover 上看到的一个答案。通过写一个分类的办法。
    button.transform = CGAffineTransformMakeScale(-1.0, 1.0);
    button.titleLabel.transform = CG

			
		

	





	

		

			

				
					
一句话搞定UIButton内图片和文字的位置。

				
			

			

				

					frankkay的博客
				

				

					03-27
					
					358
					
				

			

		

		

			
				
为了解决UIButton的图片和文字位置问题，往往大费周章的去试。浪费时间，这里写了一个分类直接一句话就可以完成你想要的四个位置。代码可点击获取代码链接

注意：先保证UIButton的大小足够装下文字和图片。



思想步骤：UIButton内的图片和文字默认是居中的，通过先计算出图片的大小和文字的太小，通过两个系统提供的函数进行文字和图片的偏移。



效果如下：

 
 
 
...

			
		

	





	

		

			

				
					
UIButton中图片与文字的位置设置

				
			

			

				

					天道酬勤
				

				

					04-22
					
					627
					
				

			

		

		

			
				
/**
 *  上面图片，底部文字 button
 */
- (void) setTopAndBottomImage:(UIImage *)image withTitle:(NSString *)title forState:(UIControlState)stateType andTintColor:(UIColor *)tintColor {
    //UIEdgeInsetsMak

			
		

	





	

		

			

				
					
调整UIButton上图片的位置和大小

					
热门推荐

				
			

			

				

					H个MJ的博客
				

				

					12-28
					
					2万+
					
				

			

		

		

			
				
遇到一个问题button上的图片必须很小，如果button太小点击时不太容易点击，所以只能改变图片的大小，使用UIImageView添加又带来很多麻烦，由于用代码写的不能在XIB和Storyboard中修改位置，以下方法可以解决。


  UIButton *button = [[UIButton
alloc] init];

   image的位置大小调整

 button.im

			
		

	





	

		

			

				
					
[Swift]UIButton设置图片在文字左、右、上、下侧

				
			

			

				

					Gamin
				

				

					07-20
					
					2396
					
				

			

		

		

			
				
import UIKit
import EZSwiftExtensions

class OptimalCell: UITableViewCell {

    /// 分享
    let btn_share : LLButton = LLButton()

    override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier:.

			
		

	





	

		

			

				
					
如何调整按钮里的文字的位置android_word图文排版技巧：图片移不动，要如何处理？...

				
			

			

				

					weixin_39785150的博客
				

				

					11-20
					
					469
					
				

			

		

		

			
				
​编按：图文排版是文档排版的一大难点，每次在Word中插入图片后，发现图片无法移动。而且图片一多时，就更是难办，这可难倒了不少人？怎么办呢？只要你学会本文中的几个小技巧，无论多少图片，咱想把它移动到哪就到哪儿！在文档排版的过程中，如果文档中全是文字，总会觉得很单调，所以我们常会找点素材图片去补充文字，实现图文混排。但是，有不少朋友在图文排版的过程中就遇到了难题。最近，就已经不止一次遇到朋友问我这个...

			
		

	





	

		

			

				
					
iOS UIButton 图标与标题位置调整

				
			

			

				

					豪冷的博客
				

				

					01-21
					
					2370
					
				

			

		

		

			
				
iOS UIButton 图标与标题位置调整
JHAdjustButton

			
		

	





	

		

			

				
					
OC UIButton根据图片和文字设置button的大小

					
最新发布

				
			

			

				

					06-12
				

			

		

		

			
				
你可以使用`titleEdgeInsets`和`imageEdgeInsets`属性来设置`UIButton`的文本和图片的位置，从而达到设置`UIButton`大小的目的。以下是一个示例代码：  ```objc UIButton *button = [UIButton buttonWithType:...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
机器人开发者

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值