全屏

Android Activity设置全屏

那年仲夏 提交于 2019-12-05 02:34:54
Activity设置全屏显示(隐藏标题栏和状态栏): 方法一: 在Activity oncreate()方法中 //隐去电池等图标和一切修饰部分(状态栏部分) this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);// 隐去标题栏 this.requestWindowFeature(Window.FEATURE_NO_TITLE); 方法二: 在AndroidManifest.xml 中设置隐去标题栏, 隐去状态栏 android:theme=" @android :style/Theme.NoTitleBar.Fullscreen" 以上方法适用于android4.0以下版本,在android4.0以上版本是底部有虚拟按键栏,这是需要使用如下方法 if(android.os.Build.VERSION.SDK_INT>=14){ getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LOW_PROFILE); getWindow().getDecorView().setSystemUiVisibility(View

ionic 使用 iframe 标签封装 Web App 时的一些技巧

十年热恋 提交于 2019-12-02 06:43:54
使用 ionic 的 iframe 封装 web App 时可能会遇到无法全屏,页面链接无法点击等问题,这里展示下如何解决此问题 1、使用 ion-content 标签封装 iframe 标签 <ion-content scroll="true" overflow-scroll="true"> <iframe ng-src='{{myUrl}}' class="width-100 height-100" style="min-width: 100%;min-height: 100%;"> </iframe> </ion-content> ion-content 要设为 scroll="true" overflow-scroll="true" iframe 要设为 class="width-100 height-100" 同时还要设置 min-width 和 min-height 为 100%,这样才可以全屏 2、在页面对应的控制器中设定信任的安全连接 angular.module("start.controllers", []) .controller('IndexCtrl', function($scope, $http, $sce) { var url = "http://m.yoururl.com"; $scope.myURL = $sce

iOS一个丝滑的全屏滑动返回手势

梦想与她 提交于 2019-12-01 15:06:57
全屏返回手势 自 iOS7 之后,Apple 增加了 屏幕边缘右划返回 交互的支持,再配合上 UINavigationController 的交互式动画,pop 到上一级页面的操作变的非常顺畅和丝滑,从此,我很少再使用点击左上角导航栏上的返回按钮的方式返回了,因为这对单手操作十分不友好;如果一个 App 居然胆敢不支持滑动返回,那离被卸载就不远了。 说到 全屏返回手势 ,首先我感觉这件事本身可能就有问题,毕竟有点反苹果官方的交互,让用户从任意的地方都能够滑动返回这个交互在国内的 App 中非常普遍,比如我手机中的手Q、微博、网易新闻、大众点评等,当然还有百度知道- -。这里得对微信的产品经理们得点个赞,从整个 App 来看,不论是交互还是 UI 结构和样式都非常的 iOS,没有什么特别奇葩的页面和交互,以至于使用 UIKit 原生的框架可以非常简单的搭建起来,这也符合我个人对 App 的一个愿景: 一个优秀的 App 不论从用户角度看还是从代码角度看都应该是简单且优雅的 ,呼吁各家产品经理可以多借鉴下像微信这样很本色的 App 设计。(以后可以分享下如何使用 Storyboard 在一小时内快速搭建起微信 UI) FDFullscreenPopGesture 工作毕竟是工作,于是乎所以就被迫实现了套 pan 手势处理加截图和视差,虽然在运动曲线上、bar 截图处理上下了不少功夫

糊里糊涂学Android(2)——Activity隐藏标题及全屏

。_饼干妹妹 提交于 2019-12-01 00:05:55
在大部分情况下,我们开发或使用的App都不需要Activity中原本的标题,都有自己独特或个性的标题栏,甚至有些App是全屏的。下面就来探究一下都有哪几种方法可以实现隐藏标题或全屏。 1.修改Application Manifest.xml Application Manifest.xml是每一个Android项目必不可少的基础性文件,它可以定义应用程序及其组件和需求的结构和元数据。总之,应用程序的基础性需求及结构是它来定义的。在Android开发API指南中有详细解释,该文件该详细了解一下 http://developer.android.com/intl/zh-cn/guide/topics/manifest/manifest-intro.html 。 说了Manifest文件的重要性,下面回到正题。在该文件中最重要的一个节点application节点,代表整个应用程序,修改该节点中的Theme属性,就可以实现,代码如下: android:theme="@android:style/Theme.NoTitleBar//隐藏标题栏 android:theme="@android:style/Theme.NoTitleBar.Fullscreen//隐藏标题栏并全屏 这样修改的话,整个应用程序中每个Activity的标题都没有或者全屏了

用CSS3实现全屏按比例缩放背景图片

折月煮酒 提交于 2019-11-28 23:35:24
平常看到这种效果都是出现在FLASH全屏动画网站上(用AS来控制),今天发现原来CSS也可以实现这种效果。 核心代码: html { background: url(bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 这种方法只支持Safari 3+,Chrome+,IE 9+, Opera 10+, FireFox 3.6+的浏览器。 具体的请移步这里,国外的一篇文章,有详细的方法介绍: http://css-tricks.com/perfect-full-page-background-image/ 这篇文章里的一个示例(这种方法支持的比较好,经测试支持IE7,不支持IE6): http://css-tricks.com/examples/FullPageBackgroundImage/css-1.php 文章的另一个示例(用jQuery实现,支持IE7+ / Chrome / FireFox / Opera / Safari,但不支持IE6): http://css-tricks.com/examples