首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MyLayout&TangramKit 的重大升级!

AutoLayout的尺寸自适应 AutoLayout中有两种类型的尺寸自适应:一类是以UILabel和UITextView为代表视图的尺寸自适应,这类视图中的宽度和高度有时候需要根据自身内容来确定自己的宽度和高度...当一个视图有自己的固有内容尺寸时,就不需要再为视图设置宽度或者高度约束。这也就是为什么一般情况下不对UILabel视图设置宽度和高度约束时系统也能正常完成布局。...要求S的高度和宽度根据三个子视图的高度和宽度自适应,那么只需要将布局视图S的约束设置为如下: //OC版本 S.wrapContentSize = YES; //Swift版本 S.tg_size(width...所有为子视图设置的约束都必须放入到一个布局视图中才有效。整个布局框架提供了多种布局视图,每种布局视图中的子视图都将按照特定的规则进行排列和布局。...因此如果想使用布局视图的尺寸自适应功能,那么在将布局视图的尺寸设置为wrap后,就可以像使用UILabel那样不用去设置布局视图的宽度约束和高度约束了。比如有两个兄弟视图A,B。

2.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    开源UI界面布局框架MyLayout1.9发布

    MyLayout提供了OC语言版本的实现,同时也提供了Swift语言版本的实现:TangramKit。二者的语法和使用方式相似,您可以任意选择一种语言进行代码布局。 国际化支持。...有些布局类则可以实现一些特殊排列,比如路径布局可以根据提供的数学函数来实现视图根据特定路径曲线来进行排列展示。有些布局类则可以提供从服务器进行动态下发以及用JSON进行布局描述的能力,比如栅格布局。...设想一个场景:某个视图的宽度在竖屏下是屏幕宽度的一半,而在横屏下则是屏幕高度的一半。换句话说就是视图的宽度是屏幕宽度和高度中的最小值的一半。 ?...目前只有线性布局、框架布局、流式布局、表格布局、弹性布局下的子视图的宽度和尺寸才支持压缩特性,其他布局中的子视图不支持。...10.完善和扩充视图尺寸的自适应设置支持 所谓尺寸自适应就是视图的尺寸根据自身的内容和视图内的子视图的尺寸来动态确定自身的尺寸,从而形成所谓的包裹的效果。

    1.8K10

    Swift 3.0 探索之 UILabel

    开篇 最近闲来无事,看看Swift3.0,发现和我认识的1.0有很大的不同了,如果不学习一下估计会落伍了,所以探究一下 Swift 在开发中的使用(当然目前是初级水平,一起进步嘛,也欢迎菜鸟,大神一起探讨...QQ群 139852091) 正题 UILabel是我们开发中常用的控件了,我今天就拿它开刀,看一下我们在开发中常用的UILabel属性 创建已经常规设置 //let 变量名字 = 变量类型...属性为true的时候 上面设置的lineBreakMode属性将失效 myLabel.adjustsFontSizeToFitWidth = true //当文字超出标签宽度时,自动调整文字大小...�图1 NSAttributedString 富文本 我们还经常使用 Label 的一个属性是NSAttributedString 我们看一下这个在Swift里面怎么使用 ****当设置NSAttributedString...属性的时候,设置的text将失效,其textColor、font等属性将保留没有被改变的(OC Swift通用属性)**** //富文本设置 let attributeString

    81530

    Swift:静态工厂方法

    iOS上的UIKit和Mac上的AppKit都为我们提供了创建具有原生外观的UI所需的所有基本核心构建块,但是我们经常需要自定义这些外观以适合我们的设计并为其定义布局。...因此,问题是子类是否真的适合此处的工作? 相反,让我们尝试使用静态工厂方法来实现相同的目的。...尤其是在测试依赖于特定模型配置的代码时,很容易以充满样板的测试结束,这使它们更难以阅读和调试。...如果您想了解有关此类对象以及我通常使用工厂模式的其他方式的更多信息,请查看"Swift:使用工厂模式以避免共享状态","Swift:使用工厂进行依赖注入"和"Swift: 使用懒加载属性"。...文章来自 John Sundell的Static factory methods in Swift简单翻译了一下,希望对大家有用 附: 文中的静态工厂方法swift5.0才支持 我们也可以使用类方法实现类似功能

    2.4K10

    设计模式之创建型模式

    示例语言选用静态语言 Swift(其实个人认为设计模式主要还是针对静态语言,很多模式在动态语言中都用处不大)。...抽象方法定义一个用于创建对象的接口,子类重写创建方法,被创建的产品会有一个抽象接口,所以使用者并不知道具体得到的是什么产品。...解决这个问题的方法是可以使用参数化的工厂方法,可以给工厂方法传递一个参数(标识符),然后根据标识符来实例化特定的产品,这样我们就不需要各种 PageView 子类了。...这时候如果是支持范型的语言,就可以使用范型参数来解决这个问题(前提是工厂方法中没有针对某个特定子类产品的操作),我们把 PageView 改成一个范型类: class PageViewUILabel...还有很多场景,哪怕可以使用模式也需要进行一定的变通,不要照搬照抄、强行套用。

    66540

    深入详解iOS适配技术

    所以,storyboard和代码是相同的,无论什么视图,凡是可以通过storyboard进行设置的属性,都有与之对应的属性代码,我们也可以使用代码的方式实现。...Snip20160515_3.png 4.如果view的约束只和自己有关系,那么添加到自己身上。比如宽高约束。 UILabel使用AutoLayout UILabel默认内容的显示方式是垂直居中的。...如果用autolayout给UILabel设置约束,只需要设置x、y、width,无需设置height,UILabel会自动包裹内容,并且随内容的多小而变化。...如果我们通过约束给定了UILabel的width = 100,但是内容仍然少的可怜,不能包裹,可以把宽度设置为的宽高都能包裹住内容。高度的设置同理可证。...原因在于,UILabel是根据内容自动调整宽度和高度,如果没有内容,那么宽度和高度就是0,导致UILabel无法显示。

    8.5K70

    基于HarmonyOS 5.0 (Next)的一种面向多设备跨平台的高性能自适应布局能力研究和实现

    ;本课题通过基于ArkUI相关能力设计并实现适合多设备跨平台的高级可自定义布局组件(比如类似瀑布流组件); 本课题包括如下内容: 1、基于自定义布局能力实现适合多设备和跨平台的高级可自定义组件(比如下图中的瀑布流...在计算瀑布流中每个条目的位置和大小时,你需要跟踪每一列当前的最高位置,并根据条目的内容(如图片和文本)动态地确定其高度。...):这个值通常需要根据条目的实际内容来计算,比如图片加载完成后的高度加上文本的高度等。...在计算瀑布流中每个条目的位置和大小时,你需要跟踪每一列当前的最高位置,并根据条目的内容(如图片和文本)动态地确定其高度。...):这个值通常需要根据条目的实际内容来计算,比如图片加载完成后的高度加上文本的高度等。

    20630

    30DaysOfSwift - Day1 计时器

    前几天逛Github,偶然看到一个Swift的项目 —— 30DaysOfSwift,作者一共用30个小项目,来熟悉Swift语言,而我正好也学习了一段时间的Swift语言,准备仿照这样的模式,来更加深入的了解...UI部分 今天做的是一个计时器项目 作者在这个项目中,使用AutoLayout来完成自动布局,使用StoryBoard完成UI创建。...而我一直都是喜欢用纯代码布局,UI的搭建也是使用代码完成。所以我在写这个小Demo之前在我的项目里集成了SnapKit,使用类似Objective-C中常用的masonry框架来完成自动布局。...这里我还发现一个Swift中的小问题,使用cocoadPods集成第三方库,引用不到头文件的解决方法和Objective-C不一样。...let kButtonHeight = SCREEN_HEIGHT * 0.6 //开始暂停按钮高度 let kPauseButtonWidth = SCREEN_WIDTH * 0.4 //暂停按钮宽度

    81440

    iOS之深入解析Xcode 13正式版发布的40个新特性

    二、通用 Xcode 13 包括对 Swift 并发编程的原生支持、对 Xcode Cloud 持续集成和交付的支持、对 Git 拉取请求的集成支持、使用 DocC 在 Swift 框架中创建和查看文档的能力...; 现在可以在 Interface Builder 场景中预览以下辅助功能设置:动态类型、粗体文本、按钮形状、开/关标签、增加对比度和降低透明度; 现在可以启用 UILabel 的 showsExpansionTextWhenTruncated...Freeform 模拟度量的 Storyboard 场景现在可以直接在画布中使用调整大小旋钮调整大小; NSButton 斜角类型在 macOS 12 中支持斜角颜色; 在适用于 macOS 12 的应用程序中...三十二、Create ML Create ML 框架现已在 iOS 和 iPadOS 15 中可用,为构建利用设备 ML 的动态应用程序体验开辟了新的机会。...三十九、TabularData TabularData 是一个新的 Swift 框架,用于分析和操作表格数据。

    8.8K40

    html图片自适应div大小_未知宽高的div元素垂直水平居中

    如果有需要把换行加上 str = [str stringByReplacingOccurrencesOfString:@"\n" withString:@""]; //设置HTML图片的宽度...NSCharacterEncodingDocumentAttribute:[NSNumber numberWithInt:NSUTF8StringEncoding]} documentAttributes:NULL error:nil]; //设置富文本字的大小...计算出来的 height 正好是排版后的高度大小,是 CGFloat 类型,在是在我们设置UIlabel/Cell 高度时,可能存在四舍五入等,最后存在的一点点误差使得 UILabel 显示不全,可能出现缺少一行...,上下空白太多等情况; 解决方案:为了确保布局按照我们计算的数据来,可以使用ceil函数对计算的 Size 取整,再加1,确保 UILabel按照计算的高度完好的显示出来; 或者使用方法CGRectIntegral...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    2.9K20

    分享10个超实用的高级 CSS 技巧

    在下面的示例中,我使用 attr() 函数使用其 data-value 属性来显示 span HTML 元素的 ::after 伪类的文本内容。...HTML 元素)动态调整元素的宽度和高度。...使用它,我们可以设置元素的内容应如何与其父元素和背景混合。在本例中是一个 img 元素。 在这里,你可以看到我使用了两张图像:一张是彩色的,另一张是黑色的,并且都有白色背景。...6.用行截断长文本 你可能已经知道如何使用文本溢出属性使用省略号截断超过一定宽度的较长文本,如下所示, p { width: 350px; white-space: nowrap; overflow...使用CSS的动态对比 你可以通过在视觉上将文本或设计的特定部分与背景区分开来动态地使文本或设计的特定部分脱颖而出,如下图所示。 你可以看到文本在两个不同的部分有两种不同的颜色,具体取决于背景颜色。

    15510
    领券