设置UIButton中titleLabel和ImageView的位置

最新推荐文章于 2022-08-19 10:26:00 发布
最新推荐文章于 2022-08-19 10:26:00 发布
阅读量538 收藏
点赞数
分类专栏： iOS开发 文章标签： setTitleEdgeInsets uibutton布局 uibutton位置 setImageEdgeInsets
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HR_0101/article/details/51396477
版权

最近做的项目中遇到怎么设置UIButton里面的titleLable和ImageView的问题，和大家分享下

<span style="font-family:SimSun;font-size:14px;">self.titleButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;</span>

//contentHorizontalAlignment 按钮中titleLabel的水平方向的布局
//UIControlContentHorizontalAlignmentCenter 水平居中
//UIControlContentHorizontalAlignmentLeft 左对齐
//UIControlContentHorizontalAlignmentRight 右对齐
//UIControlContentHorizontalAlignmentFill 自适应

<span style="font-family:FangSong_GB2312;"><span style="font-size:14px;">self.titleButton.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;</span></span>

//contentVerticalAlignment 按钮中titleLabel的垂直方向的布局
//UIControlContentVerticalAlignmentCenter 水平居中
//UIControlContentVerticalAlignmentLeft 左对齐
//UIControlContentVerticalAlignmentRight 右对齐
//UIControlContentVerticalAlignmentFill 自适应

<span style="font-family:FangSong_GB2312;font-size:14px;">[self.titleButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 0, 0,0)]; //设置titleLabel的偏移量</span>
<span style="font-family:FangSong_GB2312;font-size:14px;"></span><pre name="code" class="objc"><span style="font-family: FangSong_GB2312;">[self.titleButton setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 0,0)]; //设置imageView的偏移量</span>

 

 

UIEdgeInsetsMake(top,left,bottom,right);
 

 

 top：表示向下移多少单位
 

 left：表示向右移多少单位
 

 bottom：表示向上移多少单位
 

 right：表示向左移多少单位
 

 

用上面的方法可以更精确的调整titleLabel和imageView的位置
 

注：仅仅是个人意见，不喜勿喷！
 


 
 


 
 


 
 

 

 


                

        

        

    




    

      

        

            

              
                
                  小菜鸟成长之路
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
格而知之1：UIButton中imageView和titleLabel的位置调整

				
			

			

				

					杨淳引的博客
				

				

					07-27
					
					3398
					
				

			

		

		

			
				
在使用UIButton时，有时候需要调整按钮内部的imageView和titleLabel的位置和尺寸。在默认情况下，按钮内部的imageView和titleLabel的显示效果是图片在左文字在右，然后两者紧挨在一起构成组合居中显示。如下图：

 

 

    我们可以使用setImageEdgeInsets:和setTitleEdgeInsets:方法来调整两者的位置。在使用这两

			
		

	



                

              
                



	

		

			

				
					
UIButton的titleLabel

				
			

			

				

					weixin_34067049的博客
				

				

					06-17
					
					87
					
				

			

		

		

			
				
UIButton的titleLabel

@property(nonatomic, readonly, retain) UILabel *titleLabel Description - 描述A view that displays the value of the currentTitle property for a button. (read-only)
显示当前的button的文本(...

			
		

	



                


  
              

                


	

		

			

				
					
iOS设置UIButton的titleLabel和imageView需要注意的一些小问题

				
			

			

				

					alonglongname的博客
				

				

					02-23
					
					578
					
				

			

		

		

			
				
- (void)viewDidLoad {
    [super viewDidLoad];
    UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(20, 20, 100, 100)];    // 错误设置方法,这样设置，hidden属性始终为Yes
    button.titleLabel.text = @"6666

			
		

	





	

		

			

				
					
重新定义Button的图片和label位置

				
			

			

				

					gcs的博客
				

				

					10-13
					
					863
					
				

			

		

		

			
				
 

 

原文挺多的,说的很细,我就简化一些, 在加上自己的一些优化,

 http://m.blog.csdn.net/lqq200912408/article/details/51323336

 

UIButton的默认布局是:title在右,image在左;



很多时候我们需要的是title在左边,或者title在下面,这时就需要调整UIButton的TitleLabel和Imag...

			
		

	



		

			
		



	

		

			

				
					
UILabel和UIButton

				
			

			

				

					qq_34491373的博客
				

				

					08-19
					
					122
					
				

			

		

		

			
				
iOS 随笔

			
		

	





	

		

			

				
					
ios-布局UIButton中TitleLabel和ImageView位置.zip

				
			

			

				

					07-11
				

			

		

		

			
				
这个压缩包文件"ios-布局UIButton中TitleLabel和ImageView位置.zip"显然包含了一个名为"ButtonDemo"的示例项目，旨在展示如何自定义UIButton的标题（TitleLabel）和图像视图（ImageView）的位置，以满足不同设计需求...

			
		

	





	

		

			

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

				
			

			

				

					08-29
				

			

		

		

			
				
假设我们有一个宽度为`w1`，高度为`h1`的titleLabel，和一个宽度为`w2`，高度为`h2`的imageView，以及希望它们之间的上下间距为`space`。那么，我们可以通过以下方式设置titleEdgeInsets和imageEdgeInsets来达到上下...

			
		

	





	

		

			

				
					
详解iOS App开发中改变UIButton内部控件的基本方法

				
			

			

				

					09-02
				

			

		

		

			
				
由于UIButton的内部布局是固定的，直接调整 `imageView` 和 `titleLabel` 的frame并不能实现预期效果，因为UIButton会根据其内容自动调整子视图的大小和位置。  一种解决方案是通过继承UIButton，创建一个新的自定义...

			
		

	





	

		

			

				
					
swift5.0  UIButton基础使用

				
			

			

				

					07-09
				

			

		

		

			
				
 - 可以通过修改`titleLabel`和`imageView`的布局属性来自定义按钮内容的位置。  - 使用`contentEdgeInsets`属性调整内容与边框的距离。  - `titleEdgeInsets`和`imageEdgeInsets`分别用于调整标题和图像相对于内容...

			
		

	





	

		

			

				
					
设置UIButton的文字显示位置、字体的大小、字体的颜色

					
热门推荐

				
			

			

				

					zhangkongzhongyun的专栏
				

				

					10-07
					
					6万+
					
				

			

		

		

			
				
btn.frame = CGRectMake(x, y, width, height);

[btn setTitle: @"search" forState: UIControlStateNormal];

//设置按钮上的自体的大小

//[btn setFont: [UIFont systemFontSize: 14.0]];    //这种可以用来设置字体的大小，但是可能会在将

			
		

	





	

		

			

				
					
[iOS]详解调整UIButton的title和image的位置

				
			

			

				

					流火緋瞳的博客
				

				

					05-05
					
					3万+
					
				

			

		

		

			
				
很多次,系统默认的UIButton不能满足需求,每次都是查了很多资料,最后还是用最复杂的方式来修改button的标题和图片的位置,今天,花些时间来梳理一下这方面的知识...
UIButton的默认布局是:title在右,image在左;


很多时候我们需要的是title在左边,或者title在下面,这时就需要调整UIButton的TitleLabel和ImageView的位置了,查了很多

			
		

	





	

		

			

				
					
iOS 调整UIButton 图片(imageView)与文字(titleLabel)的位置

				
			

			

				

					allanGold
				

				

					08-04
					
					1271
					
				

			

		

		

			
				
 

https://www.jianshu.com/p/d23a8234729c

			
		

	





	

		

			

				
					
UIButton设置textlabel和image位置

				
			

			

				

					zhou_aa的博客
				

				

					06-13
					
					721
					
				

			

		

		

			
				
//二者位置交换 
[tempBtn setImageEdgeInsets:UIEdgeInsetsMake(0, newSize.width, 0, -newSize.width)]; 
        [tempBtn setTitleEdgeInsets:UIEdgeInsetsMake(0, -image.size.width, 0,image.size.width)];    //（new

			
		

	





	

		

			

				
					
UIButton如何正确调整imageView及titleLabel的位置

				
			

			

				

					weixin_30360497的博客
				

				

					10-02
					
					114
					
				

			

		

		

			
				
一些开发者知道通过imageEdgeInsets及titleEdgeInsets可以调整imageView及titleLabel的位置,但不知道如何正确计算,基本上都是通过多次调整相应的值达到期望的目标(次数过多可能会失去信心),究其原因就是不能正确理解imageEdgeInsets及titleEdgeInsets.
下面步入主题.
如果button的bounds足够大(宽度至少是i...

			
		

	





	

		

			

				
					
iOS开发技巧：布局UIButton的imageView和titleLabel属性

				
			

			

				

					李鴻耀
				

				

					03-07
					
					4512
					
				

			

		

		

			
				
前言这是iOS开发技巧系列博客的第三篇，本篇我主要想给大家分享一下按钮标题以及图片视图的布局方法。我记得在我初学iOS编程做一个项目的时候，有一个视图上面是图片，下面是标题的需求，类似于美团的分类，不管点击标题还是图片，都会触发事件，看做一个整体。我当时的做法是，封装一个视图，添加一个UIButton和一个UIImageView，然后用一个视图把其覆盖并为该视图添加点击手势，当然，这个视图是透明的，

			
		

	





	

		

			

				
					
UIButton上换行显示主标题 副标题

				
			

			

				

					qiangshuting的博客
				

				

					01-30
					
					818
					
				

			

		

		

			
				

用NSMutableAttributedString实现
NSMutableAttributedString常见方法
为某一范围内文字设置多个属性
- (void)setAttributes:(NSDictionary *)attrs range:(NSRange)range;

为某一范围内文字添加某个属性
- (void)addAttribute:(NSString *)name value...

			
		

	





	

		

			

				
					
UIButton 设置图片文字位置 -- imageEdgeInsets && titleEdgeInsets

				
			

			

				

					学海无涯苦作舟
				

				

					08-31
					
					1404
					
				

			

		

		

			
				
UIButton的这个东西，看了好多博客，好晕。。。。都不想研究了，先记一下吧：UIButton *rightButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 100, 44)];
    [rightButton setTitle:@"这个是一个导航栏按钮" forState:UIControlStateNormal];
    r

			
		

	





	

		

			

				
					
iOS webView 和 H5 页面交互（点击获取H5页面中的按钮，做自己想做的操作）

				
			

			

				

					HR_0101的博客
				

				

					08-16
					
					1万+
					
				

			

		

		

			
				
不喜勿喷，如果有错的地方，请给予指正

			
		

	





	

		

			

				
					
先执行Block里面的内容再执行后面的内容（Block同步执行）

				
			

			

				

					HR_0101的博客
				

				

					07-04
					
					8308
					
				

			

		

		

			
				
未修改之前的代码


__block NSString * string =
@"LJ";

[self testBlock:^{

     string = @"HR";            //语句1

}];

NSLog(@"string=%@",string);
//语句2

输出的结果为   ：string=LJ
代码执行顺序：语句2----》语句1

			
		

	





	

		

			

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

					
最新发布

				
			

			

				

					06-12
				

			

		

		

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

```objc
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.frame = CGRectMake(0, 0, 100, 100);
[button setTitle:@"按钮" forState:UIControlStateNormal];
[button setImage:[UIImage imageNamed:@"image.png"] forState:UIControlStateNormal];
button.titleEdgeInsets = UIEdgeInsetsMake(0, 0, -40, 0);
button.imageEdgeInsets = UIEdgeInsetsMake(-20, 0, 0, -button.titleLabel.frame.size.width);
```

在上面的示例中，通过设置`button`的`titleEdgeInsets`和`imageEdgeInsets`属性来调整文本和图片的位置，从而达到设置`button`大小的目的。你可以根据自己的需求来调整`UIEdgeInsets`的值。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值