ChatKit 是一个免费且开源的 UI 聊天组件,自带云服务器,自带推送,支持消息漫游,消息永久存储.底层聊天服务基于LeanCloud(原名 AVOS ) 的 IM 实时通信服务「LeanMessage」而开发,采用 Protobuf 协议进行消息传输.ChatKit 可以帮助开发者快速集成 IM 服务,轻松实现聊天功能,提供完全自由的授权协议,支持二次开发.其最大特点是把聊天常用的一些功能配合 UI 一起提供给开发者. 运行效果: 示例代码: 由最近联系人进入聊天界面 按照上面的步骤,我们…

在iPhone 6还没出的时候,都是用640×1136 px来做设计稿的,自从6的发布,所有的设计稿尺寸以750×1334 px来做设计稿尺寸 以750x1334px作为设计稿标准尺寸的原由: 从中间尺寸向上和向下适配的时候界面调整的幅度最小,最方便适配. 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角. 设计安卓版本时只需做最小的设计调整,提升设计效率. 所以做设计稿事请以750x1334px来做设计稿 iPhone界面设计规范: iPhone 界面尺寸: 左右我习惯设置24 px…

iOS学习(UI)知识点整理 一.UI小组件 1.UISegmentedControl 分段选择器  实例代码 - (void)viewDidLoad { [super viewDidLoad]; //分段选择器 //在iOS6里,每个段的宽度会根据字数来决定 //iOS7以后,每个段的宽度相同,宽度取决于最长的字数 self.view.backgroundColor=[UIColor whiteColor]; seg=[[UISegmentedControl alloc]initWithIte…

vue移动端金融UI组件库滴滴MandMobile面向金融场景设计附功能思维导图 Mand Mobile是面向金融场景设计的移动端组件库,基于Vue.js实现.目前已实际应用于滴滴四大金融业务板块的10余款产品中. didi/mand-mobile:…

Graver 是一款高效的 UI 渲染框架,它以更低的资源消耗来构建十分流畅的 UI 界面.Graver 独创性的采用了基于绘制的视觉元素分解方式来构建界面,得益于此,该框架能让 UI 渲染过程变得更加简单.灵活.目前,该框架已经在美团 App 的外卖频道.独立外卖 App 核心业务场景的大多数业务中进行了应用,同时也得到美团外卖内部技术团队的认可和肯定. App 渲染性能优化是一个普遍存在的问题,为了惠及更多的前端开发同学,美团外卖 iOS 开发团队将其进行开源,Github 项目地址与使用文…

今天弄这个openfire服务端的配置直接苦了一逼,只是好在最后最终配置好了.首先感谢@月光的尽头的博客给了我莫大的帮助. 切入正题,首先说一下iOS xmpp协议实现聊天openfireserver配置所须要的东西: 1.openfire软件,我用的是 Openfire 3.9.3.下载地址:http://www.igniterealtime.org/downloads/index.jsp 2.MySql数据库,我用的是mysql-5.1.63.下载地址:http://dev.mysql.co…

1.前言 关于微信内部正在使用的网络层封装库Mars开源的消息,1个多月前就已满天飞(参见<微信Mars:微信内部正在使用的网络层封装库,即将开源>),不过微信团队没有失约,微信Mars 于2016年12月28日正式公开源码(源码地址:https://github.com/Tencent/mars,也可从本文文末的附件下载之,Android版演示程序可以从文末的附件中下载). 之前无论是微信团队还是手机QQ团队,都以腾讯公司的名义在Github开源了数个工程,但这些工程所受的关注度远不及Mar…

网上看到关于微信官方的跨平台跨业务的终端基础组件Mars的介绍文章,转载这这里.源代码: https://github.com/Tencent/mars作者:男人链接:https://zhuanlan.zhihu.com/p/24614843来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 1.前言 关于微信内部正在使用的网络层封装库Mars开源的消息,1个多月前就已满天飞(参见<微信Mars:微信内部正在使用的网络层封装库,即将开源>),不过微信团队没有失约,微…

  让App聊起来 IM开发从入门到填坑Demo IM的实现方式 拿来主义,使用第三方IM服务 IM的第三方服务商国内有很多,底层协议基本上都是基于TCP的,类似有网易云信.环信.融云.极光IM.LeanCloud.云通讯IM(腾讯).云旺IM(阿里).容联云.小能.美洽等等,技术也相对比较成熟,提供后台管理和定制化的UI,拿来主义,半小时集成. 缺点也很明显:定制化程度太高,需要二次开发,很多东西我们不可控,关键是太贵了.如果IM对于APP只是一个辅助功能,如客服系统.消息推送等,也基本够用.…

近些年,移动端动态化技术可谓是“百花齐放”,其中的渲染性能也是动态化技术一直在探索.研究的课题.美团的开源框架 Graver 也为解决动态化框架的渲染性能问题提供了一种新思路:关于布局,我们可以采用“画控件”方案替代传统的“拼控件”方式.本文尝试给出一些探索思考与实践经验的分享. 前言 动态化技术指的是不依赖程序安装包,就能进行动态实时更新页面的技术.特别是对于电商.社交等需要快速迭代.实时调整的强运营类业务来说,动态化具有非常重要意义.它的优势主要表现为:提高人效.缩短迭代试错周期.解决版本长…

vue.js构建的轻量级PC网页端交互式弹层组件VLayer. 前段时间有分享过一个vue移动端弹窗组件,今天给大家分享一个最近开发的vue pc端弹出层组件. VLayer 一款集Alert.Dialog.Message.Notification.ActionSheet.Toast.Popover.Popconfirm等众多功能于一身的轻量级pc弹层组件.通过精巧的逻辑.布局解决复杂的对话框功能,为你呈现多样化弹出框效果! VLayer 在设计开发之初借鉴了业界有名的Layer弹窗.Eleme…

一.项目介绍 next-webchat 基于Next.js+React.js+Redux+Antd+RScroll+RLayer等技术构建的PC桌面端仿微信聊天项目.实现了消息/表情发送.图片/视频预览.拖拽/粘贴图片发送.红包/朋友圈等功能. 二.技术实现 技术框架:next.js+react.js+redux+react-redux UI组件库:Antd (蚂蚁金服pc端react组件库) 字体图标:阿里iconfont图标库 弹窗组件:RLayer(基于react.js封装自定义弹窗) 虚…

web前端开发常用的10个高端CSS UI开源框架   随着人们对体验的极致追求,web页面设计也面临着新的挑战,不仅需要更人性化的设计理念,还需要设计出更酷炫的页面.作为web前端开发人员,运用开源资源,更快更好地实现一些现代化的界面,是必备技能之一.下面小编就分享10个顶级的CSS UI开源框架,有兴趣的童鞋可以一起看看看. 1.Bootstrap– 最流行的Web前端UI框架 Bootstrap是由twitter公司推出的Web前端UI框架,由Twitter的设计师Mark Otto和Ja…

版权声明本文由陈怀哲首发自简书:http://www.jianshu.com/users/9f2e536b78fd/latest_articles;微信公众号:陈怀哲(chenhuaizhe2016):无需授权即可转载,但请自觉保留以上版权声明. 好友和聊天流程图 在看这篇文章之前,你需要配置好服务器,以及完成注册和登录的基本功能,才能继续好友和聊天的操作. 下面两篇文章是环境配置和注册.登录功能的详细介绍:XMPP的mysql和openfire环境配置 iOS中XMPP简单聊天实现 注册和登录…

前边以及陆陆续续的介绍了使用Swift3.0开发的服务端应用程序的Perfect框架.本篇博客就做一个阶段性的总结,做一个完整的实例,其实这个实例在<Swift3.0服务端开发(一)>这篇博客中已经简单的介绍过了,本篇博客就来详细的聊一下这个工程的具体实现细节.当然包括iOS端和服务端的代码.本篇博客的介绍顺序按照功能模块来划分的,如登录注册模块.记事本列表,记事本的增删改查等功能.在每个功能模块,我们先给出服务端代码的实现,然后给出客户端代码的实现. 本篇博客的前几部分主要介绍整个工程的公用…

本文是我在网上看到一篇不错的文章,因为之前没接触过,所以特意转过来,和大家一起分享下..以下正文: 一.问题的提出 不知道大家有没有发现, 元旦期间, 很多APP界面里的图标都换成了具有节日气氛的样式,而在过了元旦节之后, 这些图标又悄无声息的变回了本来的面貌. 这些具有短暂生命周期.而又必须在固定时间节点上展示的节日皮肤, 究竟是如何实现的呢? 显然,通过发布新版本可以实现, 但是对于iOS端的应用来说, 面对苹果APPStore不确定的审核时间, 开发人员往往需要提前1~2周完成并提交审核,…

---恢复内容开始--- 项目是移动端的项目,为了解决300ms的click延迟,所以在全局中加入了FastClick,引入的方式很简单,网上一大堆教程,这里不做赘述 我们就谈,我遇到的问题: 某天产品要我新增一个上传图片的功能,这个也不是一个很困难的需求,直接使用插件,这里我使用的是element-ui的upload插件(对于要快速的上线的东西,不必重复造轮子) 很快速也很简单的完成了需求,然后测试的时候就jj了:经测试,在安卓端是没有任何问题的,可是在ios上,始终无法打开相册和拍照,第一反…

在一键登录出现之前,市场上最常见的APP 注册登录方式主要有账号密码.短信验证及第三方登录.这几种方式看似常见且便捷,实则存在许多安全隐患,用户体验也相对较差.首先,短信验证码到达率低.用户操作繁琐且等待时间较长,如果遇到bug,APP就会面临被卸载的惨境.再者,短信木马.伪基站等问题都使得验证码变得越发不安全,极大降低用户的使用体验. 而"一键登录"可以让用户使用本机号码一键登录/注册 APP,手机号码即用户账号,无需使用密码和短信验证,运营商网关直接校验手机本机号,轻松解决上述问题…

记录个问题,当作笔记吧:因为vue项目的移动端vant ui 的step组件跟ui设计图有差别,研究了半天还是没法使用step组件,只能手动设置一个 先上效果图和代码: (1)HTML部分 <div class="rxlc-step"> <div class="rxlc-content"> <div class="content-list" v-for="(item, index) in rxlc_cont…

今天继续学习UI高级组件 网格视图 GridView 用GridView标签添加,显示网格视图,需要用到适配器,共有四种适配器 ArrayAdapter,SmipleAdapter,SmipleCousorAdapter,BaseAdapter.以下是四种实例: 1,ArrayAdapter New ArrayAdapter(Context context, //Context:上下文,即所在的Activity int resource, //Resource:布局样式,一般为TextView…

一.本文档的写作目的 App需要跟产品.UI.后台.服务器.测试打交道,app的产出是其他端人员产出的综合体现.与其他端人员沟通就像是开发写接口,也就是面向接口编程的思想. 本文档讲解针对的是服务端返回数据时使用的字段数据类型如何选择.iOS端将JSON数据转模型的时候用什么类型来定义对应的属性. 二.本文档的使用范围 首先介绍下在本文档中使用的技术领域. 1.服务端使用的是C#语言 2.Api接口文档自动生成 3.采用的是JSON数据传输格式 4.iOS使用的是Objective-C语言举例…

本篇博客算是一个开头,接下来会持续更新使用Swift3.0开发服务端相关的博客.当然,我们使用目前使用Swift开发服务端较为成熟的框架Perfect来实现.Perfect框架是加拿大一个创业团队开发的,目前是Perfect2.0版本,关于Perfect框架,下方会详细的介绍.本篇博客会演示一个完整的Demo, 该Demo完全由Swift3.0开发,其中包括服务端和iOS客户端,数据库采用的是MySQL. 进一步说,本篇博客将会演示一个使用Swift3.0开发的记事本,当然该记事本的服务端和iO…

在上篇博客(iOS开发之微信聊天工具栏的封装)中对微信聊天页面下方的工具栏进行了封装,本篇博客中就使用之前封装的工具栏来进行聊天页面的编写.在聊天页面中主要用到了TableView的知识,还有如何在俩天中显示我们发送的表情,具体请参考之前的博客:IOS开发之显示微博表情,在这儿就不做赘述啦.在聊天页面用到了三对,六种Cell,不过cell的复杂度要比之前的新浪微博(IOS开发之新浪围脖)简单的多.废话少说吧,还是先来几张效果图,在给出实现代码吧. 聊天界面的效果图如下:在下面的聊天界面中中用到了…

Phonegap项目,做支付的时候,当把网站打包到ios或android端成app后,在app上通过wap调用银联在线存在一个问题: 就是当从银联支付成功后,再从服务器返回到app客户端就很难实现. wap银联支付流程是这样:客户端---> 服务器(构建支付请求)--> 银联支付 ---> 返回到服务端(处理支付结果).所以对于手机网站银联支付没有问题,但是对于ios端app和android端app, 再通过wap支付,发现支付成功后,很难在回到app客户端了. 所以这里就必须借助Pho…

小伙伴们,苹果终于在今天凌晨推送了 iOS 8 的正式版.虽然该系统并未与 iPhone6 发布会同时亮相,但对于已经提前体验尝鲜过测试版的同学来说并不陌生.iOS 8 几乎每个图标都进行了重新设计,即使是不那么显眼的后退按钮.这里就给大家分享最新的 iOS 8 矢量 UI 素材套件,可以免费下载使用. 立即去下载      素材主页 您可能感兴趣的相关文章 Web 开发中很实用的10个效果[源码下载] 精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页…

*:first-child { margin-top: 0 !important; } body > *:last-child { margin-bottom: 0 !important; } a { color: #4183C4; } a.absent { color: #cc0000; } a.anchor { display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute…

Vuforia导出的工程中管理摄像头问题 在以前的篇幅中提到了unity端和iOS端的动态交互.现在出现了一个问题.因为设备上的摄像机是实例化过来的.并且是一个单例.unity虽然已经不再显示了.但是其实后台还是开启摄像头追踪物体的状态.如果我们原生中也用到了后置的摄像头就会出现一个结果那就是崩溃.我们可以通过unity与iOS之间的通讯.去告知unity关闭摄像头和物体追踪. 这样做的好处,不仅不会造成崩溃.对于应用的耗电和CPU的占用上都是一个不小的优化. 直接上CS方法 // 关闭相机 p…

上一篇我们简单说了一下unity发消息给iOS端.现在我们就来说一下iOS端给unity发送消息的简单使用. 首先iOS端做得事情其实很简单就一句话,直接上代码 /** * 第一个参数:是unity那边创建的场景对象名 * 第二个参数:这个对象绑定的C#脚本中的方法 * 第三个参数:是iOS这边要传给unity那边的参数 */ UnitySendMessage("); 其次unity那边需要做的是,编写一个C#脚本.并告知移动端这边怎么绑定 using UnityEngine; using Sy…

背景 RSA这种非对称加密被广泛的运用于网络数据的传输,但其在iOS上很难直接实现,BBRSACryptor框架通过移植openssl实现了iOS端的RSA,本文将介绍如何使用BBRSACryptor生成证书,加载公钥,以及后端如何用php读取证书,加载私钥. iOS加密 新建工程并集成BBRSACryptor 这个框架自带的demo将工程文件与框架放在了同一目录,因此在配置Header Search Paths时没有包含工程文件夹,一定注意,下面新建的工程将框架放在了工程文件夹内,因此头文件寻…

第18讲UI常用组件之EditText 三.文本输入框EditText EditTex类继承自TextView.EditText是接受用户输入信息的最重要控件.在html当中,相当于<input type="text"  /> <EditText android:id ="@+id/esitText1" android:layout_width="fill_parent" android:layout_height="…