展开

关键词

textinput 不用点

this.refs.textInputs.focus()               };             }         })   } 将手势监听给一组件

11310

surfaceView实现效果

需求:视频通话界面,surfaceView一显示本端的视图,另一显示对端的视图,由于显示比例的问题总会存在一覆盖另一的问题,为保证用户体验,规定小的覆盖大的视图上面,且点击小的视图可花为大图视图居中 ,达到视图花的功能。 简单写一demo完成功能的测试需求,为了较少文章的篇幅,视图的内容用回执矩形代替(实际开发中显示的是本地照相采集的数据和对端经过opgl处理的数据) 简单的布局 <? local_sv.setOnClickListener(this); // sv.setZOrderOnTop(false); local_sv.setZOrderOnTop(true); // 这方法差不多

27730
  • 广告
    关闭

    90+款云产品免费体验

    提供包括云服务器,云数据库在内的90+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    SPA应用路由器如何工作?

    SPA(single page application)-单面应用有特点,一是路由控制,二是模板渲染。通过路由器,可以在不reload面的情况下,实现面部分刷新。 当改变锚点时,面的主体部分会内容,但是,整面不会被重新刷新。 那么,如何监听锚点变化? ,并没有刷新,没有激活window.onload事件; 如此可见,利用HTML5 history API,可以实现“URL地址但面不会被刷新”的功能。 它的优点是,路由器在多URL间跳转,可以完全支持浏览器SEO(Hash不能改变真正的URL,多次路由后,搜索引擎爬虫会认为一直访问同一面,无法SEO)。 缺点是,路由后的http://www.somesite.com/subPage1.html 并不是一真正的资源地址,想象一下,这时候点击浏览器刷新按钮,浏览器必然会发起对subPage1.html

    7640

    HTML5+CSS3 做一灵动的动画 TAB 效果

    HTML5+CSS3 做一灵动的动画 TAB 效果 设计师给了一 tab 的效果图。虽然是一很小的功能,但是前端工程师在实现的时候还是有很多细节需要注意。 我写了一 demo 给大家参考。 最终实现效果如下: ? 只有 3 竖线,但是有 4 li ,这简单,可以用 :not(:first-child) 选择器来选择。 的背景颜色变化,因为想要有从小到大的效果,因此,也不能直接使用背景颜色实现,我也准备用伪元素实现。 如果用伪元素的大小来控制,计算会比较复杂,因此,我想用 box-shadow 阴影来实现。 其实,还是只还原了99%的设计效果,条线一在背景里面,一在背景外面,想要把条分割线都放到背景里面来,应该如何实现呢?可以思考一下。 安利一下 scss 。上面的 css 是编译出来的。

    2.2K100

    ViewPager实现

    先贴效果图(每开关Tab债券。尾随变化。 效果图蓝条添加的用户体验) 首先看总体效果图的布局文件吧(非常easy,就三部分,各自是Tab栏目、定位蓝条、各面(是V4包下的ViewPager)) activity_tab_winter_main.xml android:flipInterval="30" android:persistentDrawingCache="animation" /></LinearLayout> 接下来贴出每一面的布局文件 activity_tab_winter_lay1.xml–activity_tab_winter_lay2.xml—activity_tab_winter_lay3.xml(三面是一样的,就是text index = i; } public void onClick(View v) { mPager.setCurrentItem(index); } }; /** * 监听

    12520

    直接上源码教你做经典HTML5小游戏

    尤其在iphone流畅的ios系统下运行起来非常能缓解压力,几乎每上班族和手机控都装过这游戏,现在已经将其改版成HTML5,并将其开源,下面就为大家奉上水果和其他精选HTML5小游戏源码,enjoy 1、水果 自从iOS和Android兴起以来,水果忍者游戏一直是这平台上面相当热门的游戏,很多玩家都会在工作学习之余水果,打发时间。 今天这款基于HTML5技术的中国象棋游戏非常有特色,我们不仅可以选择中国象棋的游戏难度,而且可以棋盘的样式。 怎么运行HTML 5游戏的源代码 HTML5游戏是通过html+javascript+css技术开发的游戏,属于网游戏,可以运行在HTML5的网浏览器中。 运行HTML5游戏,需要一支持HTML5的网浏览器,比如IE10或11,google的chrome浏览器,火狐firefox,百度浏览器,或者UC,QQ浏览器,猎豹浏览器。

    3.8K20

    webAPP之滑动-swiper2(面默认显示顶部)

    最近做一web面,希望在手机上能滑动面,第一次这种要求,在网上找到了一插件swiper,swiper2可以在电脑和手机上使用,于是选择这插件,在使用这插件的过程也遇到了很多问题,如滚动条很长 ,体验不好,最后采用js来控制高度,在此面中也采用了bootstrap-table插件来固定表头,采用js动态的设置高度,当面高度小时,有滚动条,面高时就完全展示,为了体验好,当滚动到第一面底部时 ,滑动第二面的顶部,需要scrollTop实现 面结构 <body class="container" style="">

    前端-10款web动画插件

    3.HTML5 Canvas模拟飞机航班线路动画 我们在网中可以通过HTML5的Canvas画板绘制很多图形,甚至做许多动画特效,你可以在我们的HTML5 Canvas栏目中找到这些动画。 类似的菜单插件还有CSS3侧边栏单小图标菜单和CSS3侧边栏手风琴菜单,都非常实用。这种菜单非常适合在网站的后台管理面中使用。 ? 6.CSS3弧形曲线循环菜单导航 菜单项图标高亮 今天给大家带来一非常富有创意的CSS3菜单导航插件,它与我们平常看到的横向菜单或者纵向菜单都不同,它的菜单项是沿着一段弧形曲线分布的,同时有上下的按钮 ,当到某一菜单项时,菜单项会沿着曲线移动到当前视窗,同时显示对应的小图标,更重要的时,菜单项的是循环的,因此使用起来也非常方便。 7.HTML5/CSS3超链接图片弹出动画 今天给大家分享一基于HTML5和CSS3的超链接动画,这HTML5应用还是比较实用的,它可以让你在鼠标滑过超链接时弹出图片,就像弹出tooltip那样的动画效果

    1.5K50

    Html5 学习利器 Web Standards Update for Microsoft Visual Studio 2010 SP1

    HTML5感知包括以下几特性支持: WAI-ARIA—— 一无障碍标准 Microdata——语义标记语言 修复了video和audio标签 新的输入类型如email、URL、date 拖拽 这更新会影响到的地方就是 Visual Studio 2010 的文本编辑器,最主要有三地方会有效果: 编辑网文件时提供最新的 HTML5 支持 ( *.htm, *.aspx, *.ascx, *.cshtml, *.master, … ) 打开网时,通过“HTML 源代码编辑”工具栏即可HTML5 版本,过去后就能启用最新的 HTML5 Intellisense,如下图示: HTML5 之后,你就能开始在网中享用 HTML5 的新元素,以及 HTML5 新增的新元素属性 ? ? 除了基本的 HTML5 标签支持外,此扩展套件还支持 WAI-ARIA 标准,可以让你的网能够更进一步提供无障碍网的支持程度。

    60580

    了解面重构吗?

    了解面重构吗? 正文 HTML5学堂:在HTML5的职业发展当中,存在着一种职位叫做“面重构师”,这种职位到底是什么?又和我们的HTML5开发工程师、WEB前端开发工程师有什么区别呢? 我们今天就来揭开这名词的神秘面纱~ 何为面重构 面重构,简单的说就是“将设计稿转成WEB面”,这一过程可以很简单到直接把PSD从PS里导出成网;也可复杂到需要考虑面中每标签的使用,考虑 所涉及到的工作内容一般是“分析设计稿=>图=>写HTML和CSS” ? 为何要了解面重构 一方面,面重构是前端面临的一种职位;另一方面,也是在一些公司面试中会问到的问题。 对于前端开发人员来说,面重构师实际上是以后工作中的一方向。 相比之下,入职薪资要低于前端开发、HTML5开发工程师;但是相对的,工作的难度系数也是低于后者的。在之后的发展当中,也能够有薪资上的提升,但是提升的空间和后者相比,比较小。

    1.1K150

    【前端艺术】html5和css3响应式全屏滚动源码

    这是一款全屏响应式的HTML5和CSS3效果。这面布局效果对于那些面要求固定100%高度和宽度的网站和APP来说是十分有用的。 HTML wrapper div的class为st-container,里面包含作为导航按钮的radio和用于的面板st-scroll。

    蚂蚁HTML5社区手机游戏

    <section 为了正确选择面板,我们还要给每面板和radio按钮一id。 引入CSS代码 <link href='https://fonts.googleapis.com/css?

    62130

    Linux下怎么使用版本的JDK

    我这里原来已经配置好过一1.7版本的jdk。 jdk1.7.0_79/bin/java 4 如果添加错误可以使用以下命令删除: alternatives --remove java /home/bigdata/jdk1.7.0_79/bin 然后使用一下命令 这里就完成了jdk版本的使用了。。 了解alternatives 输入命令: alternatives ? ,你可以将 vi /etc/profile 中的JAVA_HOME注释调,然后重新加载一下配置文件, source /etc/profile 发现可以了,java版本成功了。 若出现jdk版本号,则安装并配置环境变量成功 总结 以上所述是小编给大家介绍的Linux下怎么使用版本的JDK,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。

    1K42

    ViewFlipper实现多

    1、屏幕指的是在同一Activity内屏幕见的,最长见的情况就是在一FrameLayout内有多面,比如一系统设置面;一性化设置面。 意思是:简单的ViewAnimator之间,以上的view加上动画效果。只有一小孩会显示在一时间。如果需要,每孩子能自动翻转之间在固定的时间间隔。 该类继承了Framelayout类,ViewAnimator类的作用是为FrameLayout里面的View提供动画效果。 该类有如下几和动画相关的函数:  setInAnimation:设置View进入屏幕时候使用的动画,该函数有版本,一接受单参数,类型为android.view.animation.Animation ;一接受参数,类型为Context和int,分别为Context对象和定义Animation的resourceID。

    417100

    js小技巧:tab

    xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>tab

    命运是神马玩意儿 xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>tab
    命运是神马玩意儿
    </body> </html> 运行代码 (注:如果点击运行代码后报js错误,请在面上右击选择编码为utf-8或刷新面)

    95080

    html5新特性实现tab选项卡

    之前学习了html,以及css,写后端也有一段时间了,现在把更多的精力放在了前端,那么,就从html5以及css3开始吧~~~,今天主要是实现了tab选项卡,之前也写过,现在用html5获取元素的新方法实现了一下 --给每获取到的元素添加点击事件--> aArr[i].onclick=function(){ <!

    6.4K40

    相关产品

    • 云服务器

      云服务器

      云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。 腾讯云服务器(CVM)为您提供安全可靠的弹性云计算服务。只需几分钟,您就可以在云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券