仿IOS 开关按钮

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>apple button</title> <style type="text/css"> #div1 { width: 170px; height: 100px; border-radius: 50px; border: 1px solid green; posit…

概述本文主要解说怎样在 Android 下实现高仿 iOS 的开关按钮,并不是是在 Android 自带的 ToggleButton 上改动,而是使用 API 提供的 onDraw.onMeasure.Canvas 方法,纯手工绘制.基本原理就是在 Canvas 上叠着放两张图片,上面的图片依据手指触摸情况.不断移动,实现开关效果. 本文演示样例代码:https://github.com/heshiweij/EasySwitchButton 效果图: 功能点: 1. 不滑出边界,超过一半自己主…

Html - 仿Ios assistiveTouch 悬浮辅助球工具

仿Ios assistiveTouch 悬浮辅助球工具 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .assistive-wrap{ width: 58px; height: 58px; position: fixed; top: 50%; m…

Android仿IOS回弹效果 ScrollView回弹总结

Android仿IOS回弹效果 ScrollView回弹总结应项目中的需求须要仿IOS 下拉回弹的效果 , 我在网上搜了非常多大多数都是拿scrollview 改吧改吧试了一些发现总有点小问题以下的代码是我对大家公布的做了点小改动认为没太大问题 package com.example.myscrollview; import android.content.Context; import android.graphics.Rect; import android.uti…

Ion-affix & Ion-stick 仿IOS悬浮列表插件

Ion-affix & Ion-stick 仿IOS悬浮列表插件 Ion-affix 1.相关网页 Ion-affix 2.环境准备: 执行命令 bower install ion-affix 引用js <script src="lib/ion-affix/ion-affix.js"></script> 3.使用引用模块 angular.module('app', ['ionic', 'app.controllers','ion-aff']) UI &…

vue 2 仿IOS 滚轮选择器从入门到精通（一）

大家好,由于最近从事的是微信公众号和APP内嵌 H5开发,避免不了开发一些和native相同的操作功能,就如接下来说的仿IOS滚轮选择器. 先来个截图: 接下来具体介绍如何实现的.能力有限避免不了错误请指出,有问题QQ邮箱 1766597067@qq.com 先来屡一下需求: 1.移动端用户手上下滑动,内容上下移动,用户手离开数字按照惯性移动一段距离. 2.当停止移动后,选中一个文字并且文字高亮,上面的值会变成你选中的文字. 3.可以连续滚动. 好了我们知道需求了,开始写吧. 写之前,想来一句…

Android-PickerView【仿iOS的PickerView控件，并封装了时间选择和选项选择这两种选择器】使用

版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言本文主要演示Android-PickerView的选项选择器.时间选择器的简单运用.由于每一个版本略有不用,所以实际使用方式以github项目wiki文档为准. 效果图代码分析本文使用的版本是compile 'com.contrarywind:Android-PickerView:4.1.4': 时间选择器搭配DateTimeHelper使用: 需要执行setDecorView方法,否则底部虚拟导航栏会显示在弹出的…

WPF C#仿ios 安卓红点消息提示

原文:WPF C#仿ios 安卓红点消息提示先把效果贴出来,大家看看. 代码下载地址: http://download.csdn.net/detail/candyvoice/9730751 点击+,按钮上的红点提示会增加1,点击-,按钮上的红点提示会减去1:点击E,显示或者隐藏红点提示. 这里主要利用了自定义装饰件(Adorner). 参考的主要文章是下面这个文章,这里由于我只需要在自己已有的button上添加一个红点提示,所以精简了下面的内容. http://blog.csdn.net/k…

CSS 仿 iOS 系统通知数字样式

/** 仿 iOS 系统通知数字样式 **/ .num_span{ background-color: #f00; background-image: -webkit-linear-gradient(top, #f00, #600); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f00, #600); /* FF3.6+ */ background-image: -ms-linear…

在uwp仿IOS的页面切换效果

有时候我们需要编写一些迎合IOS用户使用习惯的uwp应用,我在这里整理一下仿IOS页面切换效果的代码. 先分析IOS的页面切换.用户使用左右滑动方式进行前进和后退,播放类似于FlipView的切换动画.导航到新页面时,使用页面前进的动画. UWP自带很多切换效果,位于 Windows.UI.Xaml.Media.Animation 中.与苹果的切换效果最接近的是 PaneThemeTransition (而不是EdgeUIThemeTransition). PaneThemeTransition…

（转载） Android 带清除功能的输入框控件ClearEditText,仿IOS的输入框

Android 带清除功能的输入框控件ClearEditText,仿IOS的输入框标签: Android清除功能EditText仿IOS的输入框 2013-09-04 17:33 70865人阅读评论(57) 收藏举报分类: Android UI设计(7) 版权声明:本文为博主原创文章,未经博主允许不得转载. 转载请注明出处http://blog.csdn.net/xiaanming/article/details/11066685 今天给大家带来一个很实用的小控件ClearEdit…

android 仿ios 对话框已封装成工具类

对话框在android中是一种非经常见的交互提示用户的方式,可是非常多产品狗都叫我们这些做android的仿ios,搞的我们android程序猿非常苦逼,凭什么效果老是仿ios,有没有一点情怀,只是ios在界面封装确实比android好非常多,吐槽完成,比方一种非经常见的场景就是在没网的情况下提示用户,看效果图: 在非常多界面都要有提示,那么就自然而然想到了封装,而不至于在每一个页面都重写一篇,话不多说直接上代码 CommonDialog.java public class CommonDi…

react-native自定义Modal模态框|仿ios、微信弹窗RN版

前序纵观每个优质项目,无论web端还是native原生应用开发,弹窗都是不可忽视的一环,能很大程度上直接决定用户体验.如:微信.支付宝.ios都有很成熟的一套弹窗UI展示场景. 最近一直沉迷在react-native开发研究中,学习起来发现没有想象的难,不过也采坑了不少.鉴于之前有基于h5和小程序技术开发过自定义弹窗的经验,就想着用react-native技术实现msg信息框|alert提示框|confirm确认框|toast弱提示/loading|仿ios.android弹窗,就有了这个rn…

高仿ios版美团框架项目源码

高仿美团框架基本已搭好.代码简单易懂,适合新人.适合新人.新人. <ignore_js_op> 源码你可以到ios教程网那里下载吧,这里我就不上传了,http://ios.662p.com/thread-2774-1-1.html…

仿ios版微信应用源代码

仿微信基本功能. 基于XMPPserver的即时通信以及交友client. ----第一期代码的功能例如以下---- 1.新用户注冊 2.登陆并连接XMPPserver 握手保持在线 2.查找最新注冊用户:(下拉刷新上拉翻页.做的比較匆忙,没操作提示) 3.点击某个用户就可以对他发送消息(聊天记录下一期更新) 4.首页显示收到的和发送的全部消息(排序和分组下一期更新) ----第二期更新内容---- 1.修复了注冊延时时间…

Android中仿IOS提示框的实现

前言在Android开发中,我们有时需要实现类似IOS的对话框.今天我就来总结下,如何通过自定义的开发来实现类似的功能. 自定义Dialog 我们知道Android中最常用的对话框就是Dialog及其派生类.这次我们通过组合的方式来实现一个类似IOS对话框的效果.我们先来看一下布局效果,这个相信大家都能弄出来,在这里我就贴一下最后的效果图(注意:对话框的边缘是圆角的). 效果图如下: 我们看到,这个和IOS的对话框已经非常相似了,后面我们需要做的就是将其作为一个组件封装起来,实现AlertDi…

Android 带清除功能的输入框控件ClearEditText,仿IOS的输入框

转载请注明出处http://blog.csdn.net/xiaanming/article/details/11066685 今天给大家带来一个很实用的小控件ClearEditText,就是在Android系统的输入框右边加入一个小图标,点击小图标可以清除输入框里面的内容,IOS上面直接设置某个属性就可以实现这一功能,但是Android原生EditText不具备此功能,所以要想实现这一功能我们需要重写EditText,接下来就带大家来实现这一小小的功能我们知道,我们可以为我们的输入框在上下左右…

仿IOS圆形下载进度条

/** * Created by C058 on 2016/5/25. */ public class MyHoriztalProgressBar extends ProgressBar { private static final int DEFAULT_REACH_COLOR = 0xff24F569; private static final int DEFAULT_UNREACH_COLOR = 0xffC0C0C0; private static final int DEFAULT_R…

仿iOS Segmented Control样式"

同步发表于http://avenwu.net/2015/02/05/styled_radiogroup_segmented_control Fork on github https://github.com/avenwu/support iOS中有一个Segmented Control组件,android中的RadioGroup与之类似,但是RadioGroup的默认样式不是很美观,但是只需要稍微调一下就可以长得和Segmented Control控件一样简洁优雅. 实现直接写style文件当…

[原创]自定义控件之AndroidSegmentControlView，仿IOS平台UISegmentControlView，继承自View

版权声明:本文为博主原创文章,转载请注明出处. 控件简介 UISegmentControl在IOS平台的App中非常常见,其控件如下图所示: 这种控件的主要作用是动态的更改界面的显示内容,一般应用于内容较多的界面,且分屏显示不同种类的内容. 在Android开发过程中,有时需要实现类似UISegmentControl的效果,这里我将自己的代码开源在github上了,命名为SegmentControlView,下面是实现的效果: 项目地址可点击如下链接: https://github.com/Ca…

[转]ANDROID仿IOS微信滑动删除_SWIPELISTVIEW左滑删除例子

转载:http://dwtedx.sinaapp.com/itshare_290.html 本例子实现了滑动删除ListView的Itemdemo的效果.大家都知道.这种创意是来源于IOS的.左滑删除的功能.在Android上面实现比较麻烦.本例子中不仅实现了左滑删除功能.还实现了左滑赞.左滑分享.左滑收藏等功能.当然大家也可以根据自己项目的需求来修改功能.QQ和微信也实现了相同的功能.大家可以看看.先上程序运行的效果怎么样.大家看了这个截图是不是很心动呀.而且在左滑的时候还配有简单的滑动动画…

android中列表的滑动删除仿ios滑动删除

大家是不是觉得ios列表的滑动删除效果很酷炫?不用羡慕android也可以实现相同的效果并且可以自定义效果,比如左滑删除,置顶,收藏,分享等等其实就是自定义listview重写listview方法.废话不多少说,上干货: 这是封装好的listview重写方法 import android.content.Context; import android.util.AttributeSet; import android.util.TypedValue; import android.view.…

Android 实现高仿iOS桌面效果之可拖动的GridView（上）

转载请标明出处:http://blog.csdn.net/sk719887916/article/details/40074663,作者:skay 最近项目中遇到一个LIstview的拖动效果,github上一搜发现有叫DragListview的开源项目,然后自己再小手一搜拖动排序的GridView,却没发现什么很全很好的开源项目,后来在博客上发现有一遍比较好的拖动排序的文章,可是跟自己的期望的IOS Luncher效果一比,相差那甚远,因此就在别人的代码基础加以开发,好的利用,不好的…

简易仿ios菊花加载loading图

原文链接:https://mp.weixin.qq.com/s/wBbQgOfr59wntNK9ZJ5iRw 项目中经常会用到加载数据的loading显示图,除了设计根据app自身设计的动画loading,一般用的比较多的是仿照ios 的菊花加载loading 图,当然一些条件下还会涉及到加载成功/ 失败情况的显示,还有显示文字. 使用ProgressBar 来加载动画转圈,这里使用drawable文件定义转圈动画,indeterminateDrawable属性进行加载. <?xml vers…

Android系统下用js自定义gesture事件（仿ios实现移动端事件一致）

.katex { display: inline-block; text-align: initial; } .katex { font-family: Consolas, Inconsolata, Courier, monospace; line-height: 1.2; white-space: nowrap; text-indent: 0px; text-rendering: auto; font-size: 1em; } .katex * { } .katex .katex-html {…

高仿IOS下拉刷新的粘虫效果

最近看需要做一款下拉刷新的效果,由于需要和Ios界面保持一致,所以这用安卓的方式实现了ios下的下拉刷新的粘虫效果. 最新的安卓手机版本的QQ也有这种类似的效果,就是拖动未读信息的那个红色圆圈,拖动近距离的是就有这种粘虫的效果. 下面是安卓版本的嘟嘟App的效果截图,后面会简单的介绍下的实现原理原理: 如下图所示,在没有进行下拉的是,显示的是A图,实际上是一个圆形,当进行向下的拖动的时候,圆形会进行拉伸,这里简单用模拟下圆形被用力拉伸的效果. 1.被拉伸的圆形,实际上分为3部分,上面的部分(是…

iOS开关按钮UISwitch控件

开关按钮UISwitch 在ViewController.h里面 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 #import <UIKit/UIKit.h> @interface ViewController : UIViewController{ //定义一个开关控件 //作用可以进行状态的改变 //开,关:两种状态可以切换 //所有UIKit框架库中的控件均已UI开头 //苹果官方的控件都定义在UIKit框架库中 …

仿IOS中下拉刷新的“雨滴”效果

在IOS中,有非常赞的"水滴"下拉效果.非常久之前也想在Android上实现,可是苦于能力有限,一直未能付诸行动.这几天趁着空隙时间.写了一版初步实现,基本达到了"水滴"拖拽的效果. 可是还有非常多细节须要进一步完好.现将源码发布出来,希望得到很多其它人的支持和完好. 也希望你们能喜欢.代码有清晰的凝视,相信代码是最好的老师!欢迎各位批评指正.你的start和fork是对我最大的支持! 源代码地址:https://github.com/THEONE10211024/…

android 仿ios开关控件

ios一些控件还是挺美丽的,可是对android程序猿来说可能比較苦逼,由于ios一些看起来简单的效果对android来说可能就没那么简单了,可是没办法非常多产品都是拿ios的一些控件叫android开发者来照着做,今天就来做一个设置中常见的开关效果, 思路: 1:准备二张图片一个是包括开和关二种状态的图片,一个是上面滑动的button图片 2:这些图片肯定是不能通过原生态的控件显示上去的,要通过canvas画上去 3:要解决点击和滑动的事件冲突,由于点击包括按下离开,而滑动包括按下移…

AndroidCityPicker仿IOS选择效果

近期的一个项目由于android端与IOS端须要同步,所以在城市选择器这里做了一个相似IOS的CityPicker控件,当然由于本人水平问题显示效果比IOS上面还是有一定差距的.OK先让大家看下效果. 由于项目中是一个两级连选,所以这个DEMO仅仅用也就没有放上县级的数据.假设有须要实现三级连选的朋友.能够參照代码加上即可了. 内部使用的WheelView控件来自https://github.com/wangjiegulu/WheelView,在他的基础上进行和一些改动了备注,使他更适合于进行3…