iOS 自动布局 Auto Layout 入门 06 详情页面 (d) 对右侧标签进行排版

最新推荐文章于 2020-01-13 11:47:18 发布
VIP文章 最新推荐文章于 2020-01-13 11:47:18 发布
阅读量1.1k 收藏
点赞数
分类专栏： Auto Layout 文章标签： ios AutoLayout
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yamingwu/article/details/44246805
版权

接下来，我们对详情页中间右侧的控件进行排版。

首先将右侧这些空间拖动到合适的位置：


在label之间添加水平间距约束：


只有水平间距约束是不够的，还需要为这三个label添加y轴方向的约束，这里我们使用Editor菜单的Align\Baselines约束，分别为每行的两个label添加约束：


接下来，我们通过编码的方式，为album value label添加内容，首先为其创建outlet：


                

        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  yamingwu
                
              
            

            

                关注
              
            

        

        

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

      

      

            

                专栏目录
          










                



	

		

			

				
					
ios 按钮的图片和文字上下排版

				
			

			

				

					-此夜微凉
				

				

					07-24
					
					2101
					
				

			

		

		

			
				
主要是UIEdgeInsets这个属性btn.frame = CGRectMake(ScreenWidth/2-40, 20, 100, 100);
    btn.layer.masksToBounds = YES;
    btn.layer.cornerRadius = 3;
    [btn setTitle:@"添加新的银行卡" forState:0];
    [btn setImage

			
		

	



                

              
                



	

		

			

				
					
iOS 常见的商品详情页布局

				
			

			

				

					小马哥好棒哦
				

				

					04-18
					
					5087
					
				

			

		

		

			
				
#pragma mark -Life Cycle-(void)dealloc{    [self removeObserver];}- (void)viewDidLoad {    [super viewDidLoad];    self.navigationItem.titleView = self.segmentedView;    [self initDefault];    [self i...

			
		

	



                


  
              

                


	

		

			

				
					
iOS 标签自动布局

				
			

			

				

					github_36850997的博客
				

				

					01-13
					
					1586
					
				

			

		

		

			
				
导入SKTagFrame

        SKTagFrame *frame = [[SKTagFrame alloc] init];
        frame.tagsArray = self.bigModel.Tags;
        // 添加标签
        CGFloat first_H = 0;
        CGFloat total_H = 0;
        for...

			
		

	





	

		

			

				
					
iOS仿淘宝搜索记录，多标签自动分布,自动布局！

				
			

			

				

					08-18
				

			

		

		

			
				
仿淘宝搜索记录，多标签自动分布,自动换行展示！不同于collection的是，collection 每一行item平均分布，每一行的间隔不统一，MoreLabels实现的是每一行靠左展示，每一行的标签间隔统一，自动换行！大家根据自己的需求选择！

			
		

	



		

			
		



	

		

			

				
					
iOS多个按钮自动宽度排版，超简单，几行代码搞定

				
			

			

				

					qq_22220403的博客
				

				

					11-24
					
					2886
					
				

			

		

		

			
				
iOS多个按钮自动宽度排版，超简单，几行代码搞定目前大多数界面都要求多个按钮自适应屏幕，类似美团，淘宝首页的多个按钮。下面我为大家介绍一种简单的方法，封装好的，几行代码搞定，传入你想放置的文字，图片数组，会帮你自动排版。github链接    https://github.com/ding1051416875/DXLAutoCountButtonView.git效果图 
具体代码如下 
上面图片下面

			
		

	





	

		

			

				
					
iOS 详解 Auto Layout 是怎么进行自动布局的，性能如何？

				
			

			

				

					01-21
				

			

		

		

			
				
iOS 详解 Auto Layout 是怎么进行自动布局的，性能如何？

			
		

	





	

		

			

				
					
iOS自动布局----Auto Layout

				
			

			

				

					07-11
				

			

		

		

			
				
非常详细的的iOS自动布局基础解析，非常适合刚开始研究Auto Layout的朋友们

			
		

	





	

		

			

				
					
iOS自动布局---Auto Layout简单例子

				
			

			

				

					07-11
				

			

		

		

			
				
简单地ios自动布局demo，对于初学者有很好地指导作用。另外可以下载相应的iOS自动布局文档，文档和例子是配套的

			
		

	





	

		

			

				
					
详解iOS自动布局框架Masonry

				
			

			

				

					02-25
				

			

		

		

			
				
目前iOS开发中大多数页面都已经开始使用InterfaceBuilder的方式进行UI开发了，但是在一些变化比较复杂的页面，还是需要通过代码来进行UI开发的。而且有很多比较老的项目，本身就还在采用纯代码的方式进行开发。而...

			
		

	





	

		

			

				
					
iOS动态化配置页面支持自定义编辑，自定义布局显示

				
			

			

				

					06-27
				

			

		

		

			
				
iOS动态化配置页面（后端或用户可控制页面的样式布局和自定义编辑） 适用场景： 1）页面需要运营频繁调整的，比如那些东西需要展示，那些东西需要隐藏，那些模块位置需要调整等等 2）类似淘宝店铺可用户自己编辑页面...

			
		

	





	

		

			

				
					
iOS段落排版

				
			

			

				

					09-26
				

			

		

		

			
				
iOS段落排版~整合多種排版方式供參考NSTextAlignmentJustified, firstLineHeadIndent, headIndent, lineHeightMultiple, NSFontAttributeName,有圖解

			
		

	





	

		

			

				
					
ios-动态标签布局.zip

				
			

			

				

					07-11
				

			

		

		

			
				
流失布局标签，下载移步 https://github.com/MuYanQin/QQtagView 因为方便更新代码

			
		

	





	

		

			

				
					
ios之用Autolayout均匀平铺排列多个button

				
			

			

				

					04-09
				

			

		

		

			
				
ios之用Autolayout均匀平铺排列多个button，支持各种屏幕的大小，均匀平铺多个view。

			
		

	





	

		

			

				
					
ios-多个按钮自动宽度排版.zip

				
			

			

				

					07-11
				

			

		

		

			
				
简单实现多个按钮自适应宽度排版

			
		

	





	

		

			

				
					
ios开发文字排版，段落排版，富文本

				
			

			

				

					hell03W
				

				

					09-09
					
					7311
					
				

			

		

		

			
				
1，使用NSMutableAttributedString设置文字的各种属性
1）第一种方式
建立一个属性字典，，用字典和字符串初始化NSMutableAttributedString对象，这个对象就有了属性字典中的属性
2）第二种方式
先用字符串初始化一个NSMutableAttributedString类型对象，然后单独给指定范围的文字指定属性。
3）使用步骤，Demo：

			
		

	





	

		

			

				
					
iOS 自动布局 Auto Layout 入门 05 相册 (上)

				
			

			

				

					yaming的专栏
				

				

					03-11
					
					1809
					
				

			

		

		

			
				
通过前面几节，我们已经了解了什么是约束，以及约束是如何工作的。这一节开始，我们使用自动布局来做一个相册应用程序。这个程序在水平和垂直模式都可以显示4副图片，效果如下：


屏幕被分为4个区域，每个区域由一个Image view和一个Label组成。
创建一个名为Gallery的single view应用程序。打开Main.storyboard，disable Size Classes。添加

			
		

	





	

		

			

				
					
iOS 自动布局 Auto Layout 入门 06 详情页面 (b) 按钮的布局

				
			

			

				

					yaming的专栏
				

				

					03-12
					
					1228
					
				

			

		

		

			
				
上一节我们完成了对歌手名称label的布局设置，这一节我们对最下方的三个按钮的布局进行配置。
首先选中三个按钮，设置Size to Fit Content，让这三个按钮拥有合适的大小：


为了方便查看按钮的大小，我们为按钮设置一个背景色并设置如下图所示的约束：


在预览窗口，旋转界面为横屏，可以看到三个按钮的布局可以接受：


如果三个按钮宽度一致，看起来会更好看一些， 接

			
		

	





	

		

			

				
					
iOS 自动布局 Auto Layout 入门 05 相册 (下)

				
			

			

				

					yaming的专栏
				

				

					03-11
					
					1219
					
				

			

		

		

			
				
这一节，我们添加其余3个头像到界面中。
首先，我们将绿色view拖向屏幕的左上角，这将导致约束出现问题，我们使用‘Resolve Auto Layout Issues’的Update Constraints选项，通过更新约束的方法解决拖动导致的约束问题。之前我们使用的是‘Update Frames'，‘Update Frames’的作用是通过移动和改变view的大小来满足约束。这里，我们希望的是

			
		

	





	

		

			

				
					
iOS 自动布局 Auto Layout 入门 06 详情页面 (a) 歌手名称Label

				
			

			

				

					yaming的专栏
				

				

					03-12
					
					1138
					
				

			

		

		

			
				
这一节开始，我们做一个更复杂的程序。我们需要为音乐播放程序构建一个详情页面，这个页面用于显示歌手的名字和专辑的一些详细信息：


创建一个名为ArtistDetail的single view应用程序，disable size classes。如下图示是，将空间拖到view中，不用太关心这些空间的位置，大概差不多就行，后面我们会一步一步的让它们看起来好看的。


歌手名Label
我们

			
		

	





	

		

			

				
					
iOS 自动布局下UITableViewCell嵌套CollectionView

					
最新发布

				
			

			

				

					06-01
				

			

		

		

			
				
在 iOS 自动布局中，嵌套 UICollectionView 可以通过以下步骤实现：  1. 在 UITableViewCell 中添加一个 UICollectionView，并设置好其 dataSource 和 delegate。  2. 在 UITableViewCell 的 layoutSubviews 方法中...

			
		

	



              



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

  

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

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值