搜索
创作
提问
登录注册
展开

关键词

两个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）为您提供安全可靠的弹性云计算服务。只需几分钟，您就可以在云端获取和启用云服务器，并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费，可以为您节约计算成本。

    HOT100%CPU性能，云服务器1核2G首年60元，还有多款热门云产品满足您的上云需求！

    相关资讯

    热门标签

    更多标签

    云+社区

    扫码关注云+社区

    领取腾讯云代金券

    热门产品

    热门推荐

    更多推荐

    Copyright © 2013 - 2022 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 京公网安备 11010802017518 粤B2-20090059-1

    扫码关注云+社区

    领取腾讯云代金券