uni.createSelectorQuery().select(‘#salyt’).boundingClientRect(function(rects){ console.log(rects) var query = uni.createSelectorQuery() query.select('#main').boundingClientRect() query.selectViewport().scrollOffset() query.exec(function(res){ uni.pag

uni-app写app的内容会与沉浸栏重合在一起,写好好多,都是有点问题的,这次终于找到解决的方法了,与大家分享一下 最简单的解决方式就是配置mainfest.json来关闭沉浸式.即通过打开应用的manifest.json文件,切换到代码视图,在app-plus -> statusbar 下添加immersed节点并设置值为false. "app-plus" : { "statusbar": { "immersed": false },

!通过阅读Android开发艺术探索整理   底层工作原理:测量流程.布局流程.绘制流程   常见回调方法:构造方法 onAttach onVisiblityChanged onDetach   ViewRoot对应ViewRootImpl,连接WindowManager与DecorView的纽带. performTraversals方法:完成measure.layout.draw流程   传递流程: ViewGroup                                      

<view class="cu-item flex-sub" :class="index==TabCur?'text-orange cur':''" v-for="(item,index) in navArray" :key="index" @tap="tabSelect" :data-id="index" :data-need-type="item.need_type&

1. Interface Builder 可视化编程 1> 概述 GUI : 图形用户界面(Graphical User Interface, 简称GUI, 又称图形化界面) 是指采用图形方式显示的计算机操作用户界面. Interface Builder (简称IB) : 是MAC OS X 平台下用于设计和测试图形用户界面 (GUI) 的应用程序.代码 和 IB 都可以生成 GUI. 优势: IB 能使开发者简单快捷的开发出符合Mac系列操作系统的GUI.通常你只需要通过简单的拖拽操作来构建U

一.Interface Builder可视化编程 1.Interface Builder简介: GUI:图形用户界面(Graphical User Interface,简称GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面. Interface Builder(IB):是Mac OS X 平台下用于设计和测试图形用户界面的应用程序.代码和IB都可以生成GUI. 优势:IB能够使开发者简单快捷的开发出符合Mac系列操作系统的GUI.通常只需要通过简单的拖拽操作来构建GUI.IB使用

介绍,入门: http://www.cocoachina.com/ios/20141219/10702.html 下载: http://code.cocoachina.com/detail/301146/%E8%87%AA%E5%8A%A8%E5%B8%83%E5%B1%80%EF%BC%8CMasonry%E4%BB%8B%E7%BB%8D%E4%B8%8E%E4%BD%BF%E7%94%A8%E5%AE%9E%E8%B7%B5%EF%BC%9A%E5%BF%AB%E9%80%9F%E4%B8

给TextContainer中添加内容 打开 Main.storyboard ,从组件库(Object Library)中拖拽两个 Label 组件到TextContainer中,位置可以随意摆放: 先选择靠上的Label,然后点击底部的 Align 按钮,添加一个 Horizontal Center in Container 约束,再点击 Pin 按钮,添加一个 Top Spacing to nearest neighbor 约束,设置其值为10: 然后选择右侧工具栏中的 Attribute

先来看下效果 下拉刷新 其实下拉刷新没大家想得那么难.本文已第二个为例子.给大家讲解下下拉刷新的做法(完整代码后面会放上) 首先,先搞一个single View Application .然后进Main.storyboard中,选中viewController t1.png 按照图中方法,加一个导航. 然后然后拖一个tableview到viewController上.设置下四边的约束都为0 . 选中tableview 把有边框中Prototype Cells 设置为1 .选中Cell右边框中Id

  通用的Storyboard 通用的stroyboard文件是通向自适应布局光明大道的第一步.在一个storyboard文件中适配iPad和iPhone的布局在iOS8中已不再是梦想.我们不必再为不同尺寸的Apple移动设备创建不同的storyboard文件,不用再苦逼的同步若干个storyboard文件中的内容.这真是一件美好的事情. 我们打开Xcode,新建一个项目: 选择iOS\Application\Single View Application创建一个单视图应用: 设置项目名称Ada

1. Interface Builder 可视化编程 1> 概述 GUI : 图形用户界面(Graphical User Interface, 简称GUI, 又称图形化界面) 是指采用图形方式显示的计算机操作用户界面. Interface Builder (简称IB) : 是MAC OS X 平台下用于设计和测试图形用户界面 (GUI) 的应用程序.代码 和 IB 都可以生成 GUI. 优势: IB 能使开发者简单快捷的开发出符合Mac系列操作系统的GUI.通常你只需要通过简单的拖拽操作来构建U

可以更好的结局屏幕方向和兼容iphone和ipad的解决方案. iOS6有一个新的技术auto layout来帮助解决这个问题.这个技术不仅可以支持app不同尺寸下的开发,而且你也不需要为每一种语言创建nib文件或者storyboards. The problem with springs and struts 你很熟悉autosizing masks,这就是熟知的“springs and struts”模式.autosizing mask决定了当superview大小发生改变时,view会发生

通用的Storyboard 通用的stroyboard文件是通向自适应布局光明大道的第一步.在一个storyboard文件中适配iPad和iPhone的布局在iOS8中已不再是梦想.我们不必再为不同尺寸的Apple移动设备创建不同的storyboard文件,不用再苦逼的同步若干个storyboard文件中的内容.这真是一件美好的事情. 我们打开Xcode,新建一个项目: 选择iOS\Application\Single View Application创建一个单视图应用: 设置项目名称Adapt

index-page <style lang="less"> .index-nood-modal { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); z-index: 99999999999; .step1 { position: relative; width: 100%; height: 100%; .long-click { p

1>查看 RN 的所有历史版本: npm view react-native versions -json 2>查看 RN 的当前版本: npm view react-native version -json 3>平台判断执行方法: const Toolbar = Platform.select({ android: () => renderToolbarAndroid(), ios: () => renderToolbarIOS() }); 4>分隔线的高度不能写死0

一:报错情况 android.view.ViewRootImpl$CalledFromWrongThreadException: Only the original thread that created a view hierarchy can touch its views. at android.view.ViewRootImpl.checkThread(ViewRootImpl.java:8798) at android.view.ViewRootImpl.requestLayout(V

1.顶端固定核心代码如下: <view class="page__hd" style="position:fixed; top:0;width: 750rpx;"> ......</view> 2.底端固定核心代码如下: <!-- 底部固定 --><view class="page__hd" style="position:fixed; bottom:0;width: 750rpx;"

根据需求,软键盘弹起时,不允许页面整体向上滑动 用到的属性是:  :adjust-position="false" uni-app 软键盘顶起底部fixed定位的输入框 页面就不会上滑 <view class="cu-bar search bg-white" style="position: fixed;left: 0;bottom: '键盘弹起的高度';width: 100%;z-index: 9999;" > <view c

最终效果如下: 实现ScrollView主要是NGUI的三个脚本"UIDraggable Panel","UIGrid","UIDrag Panel Contents" 1.首先创建一个UIRoot 2D 更改Anchor为Anchor-Left,并设置UIAnchor的Side属性为Left: 2.在Panel 添加一个Panel,并命名为ClippedPanel:添加脚本UIDragpanel 3.建立ScrollView表格:在Clippe

最近公司准备做app,最终决定使用uni-app框架开发,但是当把设计图给我的时候我心里有点没底,因为他的设计图顶部长成这个样子: 因为这个功能在小程序是根本无法实现的,可能受这个影响,我感觉好像实现不了,但是我还是回头看了看文档,才发现,这个功能是可以实现的,只需要在pages.json中做一些配置即可 这个在官方称作app-plus,可以自定义导航区域,具体配置如下: "pages": [ { "path": "pages/index/index&qu