布局 | 易学教程

2016年10月09日09:15:36 昨天开发遇到的问题

阅读更多关于 2016年10月09日09:15:36 昨天开发遇到的问题

昨天主要有两个扯淡的问题. 计算不同设备屏幕宽度的比例, 使用了一个带参数的宏定义, 结果宏定义中的参数, 没有加括号, 结果遇到了一些比较扯淡的布局乱掉的问题, 检查的好久才发现, 这个问题有点隐蔽. 以后多加注意, 使用宏定义作为参数时候, 一定要加括号. 另一个是布局相关的问题, iOS10以前, 有些地方我使用 frame + masonry 混合来布局, 大部分都使用masonry, 局部使用frame还是比较方便的, 结果是, 相关控件, 第二次刷新时候会出问题. 当时也找了很久才发现这个问题. 猜测, 应该是iOS 10中, 混合使用frame+masonry时候, 系统将无法识别到底该用哪种方式布局, 即使设置 view.frame = CGRectZero; 也会被默认认为是有值的. 解决方案: 单独使用masonry或者frame中的一种方式布局界面. 来源： oschina 链接： https://my.oschina.net/u/2501614/blog/755529

HTML元素的定义顺序对1栏固定1栏浮动布局的影响

阅读更多关于 HTML元素的定义顺序对1栏固定1栏浮动布局的影响

请先看两个布局： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> #left { margin-right: 100px; } #right { width: 100px; float: right; } </style> </head> <body> <body> <div id="parent"> <div id="right" style='height: 100px;background-color: #0f0;'>右列定宽</div> <div id="left" style='height: 100px;background-color: #f00;'>左列自适应</div> </div> </body> </body> </html> 效果如下：这是一个普通的一栏固定，一栏浮动的布局。没有什么特别的。下一个布局时这样的： <!DOCTYPE html> <html lang=

思维导图软件MindManager for Windows中如何修改思维导图布局

阅读更多关于思维导图软件MindManager for Windows中如何修改思维导图布局

MindManager for Windows 是 Mindjet公司旗下应用于Windows桌面系统的一款思维导图软件，目前已经更新到了v14版本。对于很多刚开始使用MindManager for Windows的用户而言，本文总结了在MindManager for Windows之思维导图布局修改的方法：一、想要树形结构显示你的思维导图，在设计选项中点击Growth按钮，并选择树形显示。二、在Growth菜单中，可以选择org-chart显示思维导图。三、你所选择的Growth样式可以用于整个的思维导图或者是单个的分支，对于分支只需要选择想要改变布局的分支的父节点。四、使用关联线可以显示两个相关联的主题，如下图从插入选项中点击关系按钮即可。五、使用关联光标，点击两个需要关联的主题，即可在两个主题之间产生关联线，如下图： >>> 最新版MindManager for Windows下载来源： oschina 链接： https://my.oschina.net/u/1240525/blog/173133

应不应该使用inline-block代替float

阅读更多关于应不应该使用inline-block代替float

本文由 99 根据 Steven Bradley 的《 Should You Use Inline-Blocks As A Substitute For Floats? 》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处： http://www.vanseodesign.com/css/inline-blocks/ ，以及作者相关信息作者： Steven Bradley 译者： 99 CSS布局创建网站,浮动绝对占据了很大的比例.大块区域如主内容及侧边栏,以及在其中的小块区域,都可以看到浮动的影子.这里浮动是唯一的解决方案吗? 浮动通常表现正常，但有时候搞起来会很纠结。特别是处理内部容器中的浮动，比如对一排图片使用浮动后对齐出现问题。Inline-block是我们的另一种选择。使用这种属性可以模拟部分浮动的特征，而不需要处理一些浮动带来的问题。 Inline-block不是什么新鲜话题了，估计你也用过。不过我最近才是用到这个属性。之前的几个站点上，有展示一系列照片的需求，我就用inline-block代替了浮动。 inline-block是什么？ Inline-block 是元素 display属性的一个值。这个名字的由来是因为，display设置这个值的元素，兼具行内元素（ inline elements

AutoLayout-代码布局添加动画

阅读更多关于 AutoLayout-代码布局添加动画

开始之前先推荐老外封装好的开源库 Masonry ，Masonry 是一个轻量级的布局框架,拥有自己的描述语法,简洁明了并具有高可读性。下面得例子用系统API实现一个和Masonry一样得布局，点击一个Button改变尺寸，Button尺寸不能超过VC界面；添加一个button在VC中心 @interface PPBUpdateVC() @property (nonatomic,strong) UIButton *growingButton; @property (nonatomic,strong) NSLayoutConstraint *layoutWith; @property (nonatomic,strong) NSLayoutConstraint *layoutHeight; @end 添加button self.growingButton = [UIButton buttonWithType:UIButtonTypeSystem]; [self.growingButton setTitle:@"Grow Me!" forState:UIControlStateNormal]; self.growingButton.layer.borderColor = UIColor.greenColor.CGColor; self.growingButton.layer

解决ListView,GridView,Gallery的Adapter中的getView多次调...

阅读更多关于解决ListView,GridView,Gallery的Adapter中的getView多次调...

ListView,GridView,Gallery 这三个控件的加载自定义的内容的时候，你要加载三次，但是当你打印的时候，却发现他运行的不止三次，那时因为什么呢？这是android机制中要计算高的时候出现的一些多次调用具体的可以去网上查找解决的方法就是将控件的 android:layout_width="wrap_content" android:layout_height="wrap_content" 这连个属性给改为 android:layout_width="fill_parent" android:layout_height="fill_parent" 这样你可能会说那么我要给他指定高度呢？很简单，不管你是要自适应呢，还是要给定标准的数据，只需要在控件的外面再添加一个parent即可然后将 android:layout_width="wrap_content" android:layout_height="wrap_content" 或者是指定的参数给parent 即可！特别是层层嵌套的话，更应该这么做了，要不然会出现卡屏的现象哦！之前我做项目 <ListView> <GridView></GridView> </ListView> 使用的是 android:layout_width="wrap_content" android:layout_height=

TODO：Laravel 使用blade标签布局页面

阅读更多关于 TODO：Laravel 使用blade标签布局页面

TODO：Laravel 使用blade标签布局页面本文主要介绍Laravel的标签使用，统一布局页面。主要用到到标签有@yield，@ stack， @extends ，@section， @stop ，@push。使代码精简、提高页面下载速度、表现和内容相分离。站在开发者的角度看，web页面都可以提取相同的内容进行分离，让每个页面代码尽显主题内容，简洁明快，干扰信息少。 1. Laravel的blade标签代码格式是”命名.blade.php”，这样是不是很简洁。 2. 创建统一布局风格的代码模板main.blade.php，使用HTML5的代码结构，有标签header，main，footer，35行的代码完成一个风格的布局. 3. 新建一个页面a.blade.php，使用这个@extends引用母模板main.blade.php，layouts是模板的路径。 4. 从这两个页面代码我们可以看到Laravel的blade基本使用方法，在子页面定义@section定义代码，在母模版使用@yield，就可以输出对应的代码，充分体系了Laravel的简洁优雅。 5. 在main.blade.php我们看到了@stack，这个要怎么用了，只要在a.blade.php创建@push即可使用了，进行更多的扩展。 6. 这是简单标签使用，和统一页面布局使用，希望对你有启蒙作用。 wxgzh

Web移动端Fixed布局的解决方案

阅读更多关于 Web移动端Fixed布局的解决方案

iOS下的 Fixed + Input BUG现象让我们先举个栗子，最直观的说明一下这个 BUG 的现象。常规的 fixed 布局，可能使用如下布局（以下仅示意代码）： <body class="layout-fixed">  <header> </header>  <main>  </main>  <footer> <input type="text" placeholder="Footer..."/> <button class="submit">提交</button> </footer> </body> 对应的样式如下： header, footer, main { display: block; } header { position: fixed; height: 50px; left: 0; right: 0; top: 0; } footer { position: fixed; height: 34px; left: 0; right: 0; bottom: 0; } main { margin-top: 50px; margin-bottom: 34px; height: 2000px } 然后看起来就是下面这个样子

订阅布局