Auto Layout 使用心得(二)—— 实现三等分
此系列文章代码仓库在 [链接] ,有不明白的地方可以参考我的 Auto Layout 设置哦,下载到本地打开就可以了。 准备 上一篇文章中,我们共同进行了 Auto Layout 的初体验,在本篇我们将一起尝试用 Auto Layout 实现三等分。 Auto Layout 的本质原理 Auto Layout 的本质是用一些约束条件对元素进行约束,从而让他们显示在我...
Auto Layout 使用心得(四)—— 22 行代码实现拖动回弹
此系列文章代码仓库在 [链接] ,有不明白的地方可以参考我的 Auto Layout 设置哦,下载到本地打开就可以了。 简介 本文中,我们将一起使用 UIPanGestureRecognizer 和 Auto Layout,通过 22 行代码实现拖动回弹效果。 搭建界面 删除首页中间的按钮,添加一个 View ,设置一种背景色便于辨认,然后对其进行绝对约束: 拖...
Auto Layout 和 Constraints
Auto Layout,通过设置在View上的约束,动态计算视图层次结构中所有的View的尺寸和位置。举个栗子,你约束一个Button,令它的水平中心线和一个ImageView相同,并且它的上边缘距离ImageView的下边缘有8个像素。如果ImageView的尺寸或者位置改变,Button会自动调整,以符合之前设置的约束。
Auto Layout 使用心得(三)—— 自定义 cell 并使用 Auto Layout
在前面的项目中,我们采用 StoryBoard 来组织页面,StoryBoard 可以视为许多个 xib 的集合,所以我们可以得到两个信息:
Auto Layout 使用心得(一)—— 初体验
本系列文章将从一个慢慢摸索中的新手的角度介绍 Auto Layout,讲述我在这两个月的学习中对它一点一滴的感受,最终目的是让大家在阅读完之后能够自己上手使用,并完成绝大多数简单的布局约束。
Auto Layout的使用
基于约束的Auto Layout使我们能够搭建动态响应内部、外部变化的用户界面。外部变化包括用户改变窗口大小(OS X)、旋转设备(iOS)、在iPad上进入或离开分割视图(iOS)、不同屏幕尺寸,内部变化包括app显示内容长度变化、字体大小变化、对国际化的支持等。
2020-08-25
IE的haslayout触发
啥是layout(布局)了?layout是windows上的IE特有的东西,但它不是css属性。拥有layout的元素负责本身及其子元素的尺寸和定位;
2015-10-24
Auto Layout 使用心得(六)—— 制造炫酷的下拉刷新动画
本文中,我们将一起使用 Auto Layout 技术制造一个炫酷的下拉刷新动画。Auto Layout 除了在布局的时候比较繁琐以外,还有一个经常被人吐槽的点:让许多 UIView.animateWithDuration 失效,甚至在界面上出现 “反方向动画” 的视觉效果。本文中我们将主要讲述制造下拉刷新动画的过程,关于 Auto Layout 与动画的详细配合我...
PopupWindow 使用详解
极力推荐文章:欢迎收藏Android 干货分享 阅读五分钟,每日十点,和您一起终身学习,这里是程序员Android 本篇文章主要介绍 Android 开发中的部分知识点,通过阅读本篇文章,您将收获以下内容: PopupWindow 继承关系 PopupWindow 使用方法 PopupWindow 底部PopupWindow的实现 PopupWindow 是一个可以在Activity 之上显示...
2019-08-05
css多种方式实现等宽布局
本文讲的等宽布局是在不手动设置元素宽度的情况下,使用纯css实现各个元素宽度都相当的效果。 1、使用table-cell实现(兼容ie8) {代码...} 2、使用flex布局来实现 {代码...}
Auto Layout 使用心得(五)—— 根据文字、图片自动计算 UITableViewCell 高度
本文中,我们将一起使用 Auto Layout 技术,让 UITableViewCell 的高度随其内部的 UILabel 和 UIImageView 的内容自动变化。
使用Kotlin开发Android应用(9) - 底部导航栏BottomNavigationView
Use BottomNavigationView and Fragment to make home page 使用BottomNavigationView底部导航栏和Fragment碎片创建首页 一个简单的例子 创建activity {代码...} 在activity代码中,配置AppBarConfiguration和NavController 布局文件: {代码...} 菜单文件 res/menu/bottom_nav_menu.xml {代码...} 导航文件 res/menu/mo...
2020-06-09
Android 上使用library时xml使用自定义属性提示 error: Error parsing XML: unbound prefix
刚刚在用Android-Bootstrap的时候遇到的 在xml里面引用命名空间 {代码...} {代码...}
2014-05-03
Android 用 SlidingUpPanelLayout 实现 Google Music 豆瓣FM 等可拖动滑动面板
SlidingUpPanelLayout 这个库好像是基于官方的 SlidingPaneLayout 修改而来的 {代码...} 首先是布局 {代码...} 然后再把这两个 FrameLayout replace 上 Fragment 就可以用啦 {代码...}
2014-10-06
再造 “手机QQ” 侧滑菜单(二)——高仿左视图
本篇文章中,我们将一起使用 Auto Layout 高仿手Q的左侧视图,力争达成从布局到动画的全面类似。由于实现过程繁复,本文将主要讲述思路和心得体会,将不再大段大段地粘贴代码。
从 Auto Layout 的布局算法谈性能
在上一篇文章中,我们提到了 iOS 界面的渲染过程以及如何对渲染过程进行优化。ASDK 的做法是将渲染绘制的工作抛到后台线程进行,并在每次 Runloop 结束时,将绘制结果交给 CALayer 进行展示。
Content Hugging and Compression Resistance Explained
In a given view, there may be extra space horizontally and not enough vertically, or vice versa(或者相反). There may also be extra or not enough in both directions.
2017-05-31
深入剖析Auto Layout,分析iOS各版本新增特性
一般大家都会认为Auto Layout这个东西是苹果自己搞出来的,其实不然,早在1997年Alan Borning, Kim Marriott, Peter Stuckey等人就发布了《Solving Linear Arithmetic Constraints for User Interface Applications》论文(论文地址:[链接])提出了在解决布局问题的Cassowary constraint-solving算法实现,并且将代码发...
MotionLayout系列之配合布局CoordinatorLayout, DrawerLayout, ViewPager使用
在前量部分我们引入了几个示例: 基础使用 滑动处理 自定义属性插值 关键帧 在一,二部分已经大量的介绍了 MotionLayout 的功能,在这部分我们将介绍如何在已有的项目中使用 MotionLayout ,整合到已有的布局中(CoordinatorLayout, DrawerLayout, ViewPager)。 在 Coordinatorlayout 中使用 MotionLayout: ( MotionLay...
2019-07-16
Android百分比布局
PercentRelativeLayout、PercentFrameLayout,通过名字就可以看出,这是继承自FrameLayout和RelativeLayout两个容器类;
2017-05-27