iOS全屏的背景,多个按钮位置适配(swift)

最近写博客比较多,其实大多是之前的随笔,这一段整理一下,发布出来。

今天这篇文章,说一下,面对全屏的背景图片,要在固定的位置放置多个按钮的问题我的解决办法,其实很土,谈不上是技术,就是一种方法,很省力。

图片就是这样的。再重复一下问题:例如我要在上述全屏的背景上的 M U R P 和 访问官方网站五个地方放置五个按钮,要求适配各种型号手机。

我是这样解决的(StoryBoard):

首先:在storyBoard里面拖4个ViewController,分别设置screen size 为3.5、 4.0、 4.7、 5.5的尺寸。然后把背景图片分别设置上去,在固定的地方放置固定的按钮。

然后在使用的时候通过判断不同的屏幕尺寸,来加载不同的storyBoard,代码如下:(swift)。

 1      let screenHeight = UIScreen.mainScreen().bounds.size.height
 2         var storyBoards:UIStoryboard = UIStoryboard(name: "Main", bundle: nil) as UIStoryboard
 3         if (screenHeight <= 480.0) {
 4
 5             viewCon = storyBoards.instantiateViewControllerWithIdentifier("First3.5") as! FirstViewController
 6         }else if (screenHeight <= 568.0) {
 7
 8             viewCon = storyBoards.instantiateViewControllerWithIdentifier("First4.0") as! FirstViewController
 9         }else if (screenHeight <= 667.0) {
10
11             viewCon = storyBoards.instantiateViewControllerWithIdentifier("First4.7") as! FirstViewController
12         }else if (screenHeight <= 736.0) {
13
14             viewCon = storyBoards.instantiateViewControllerWithIdentifier("First5.5") as! FirstViewController
15         }
16
17         var naviCon:MainNavigationController = MainNavigationController(rootViewController:viewCon)

这样一来,就可以全部适配了。

想看代码的小伙伴:--> github:要Demo的小伙伴看过来

时间: 2024-08-01 22:25:36

iOS全屏的背景,多个按钮位置适配(swift)的相关文章

手机影音第九天,控制视频全屏播放与退出全屏播放,音量调节按钮来控制视频音量与静音的实现

代码以托管到码云,有兴趣的小伙伴可以下载看看 https://git.oschina.net/joy_yuan/MobilePlayer 一.视频全屏播放与退出全屏 系统默认的videoview类,没有调整大小的方法,因此需要自定义一个类,继承videoview,然后重写里面的三个构造方法,再自定义一个调整视频播放页面大小的方法. 1.布局文件 同时,在视频播放的布局文件中,videoview布局要引用上面自定义的类. <?xml version="1.0" encoding=&

全屏透明背景对话框

透明背景对话框 AlertDialog.Builder mBuilder = new AlertDialog.Builder(this, R.style.full_screen_dialog); View view = LayoutInflater.from(this).inflate(R.layout.item_list, null); mBuilder.setView(view); Dialog mDialog = mBuilder.create(); Window win = mDialo

iOS 全屏布局

edgesForExtendedLayout属性用于替代wantsFullScreenLayout,控制页面显示的范围,默认值是UIRectEdgeAll automaticallyAdjustsScrollViewInsets:通常我们希望ScrollView或者UITableView内容显示是在UINavigation Bar下面.iOS7以后,默认值是Yes,所以是全屏显示,但是要注意一点,ScrollView要作为控制器的根视图(PS:使用xib布局时似乎不是根视图也可以),automa

iOS全屏禁处

全屏禁触开启:[[UIApplication sharedApplication] beginIgnoringInteractionEvents]; 全屏禁触关闭:[[UIApplication sharedApplication] endIgnoringInteractionEvents];

设置全屏的背景图片

我们有时期望背景图片自动拉伸占据所有空间,使用CSS 3做起来并不麻烦,定义如下的CSS: body {    background:#3d71b8 url(../back_main.png);    background-size: 100%;    background-position:center;} 但是background-siz是CSS 3的属性,并不是所有的浏览器都支持.使用CSS 2的一种实现如下: <!DOCTYPE html PUBLIC "-//W3C//DTD H

JFrame 实现全屏透明背景

JFrame f=new JFrame(); f.setUndecorated(true);        f.setBackground(new Color(0,0,0,0));        Toolkit kit = Toolkit.getDefaultToolkit();          Dimension screenSize = kit.getScreenSize();          f.setSize(screenSize);        f.setVisible(true

html-css控制背景图全屏拉伸不重复显示

在HTML中,当我们设置背景图,只能采用是否重叠.居中.重叠方向这几个选项 CSS3中设置 body { background:#3d71b8 url(../back_main.png); background-size: 100%; background-position:center; } 但是background-siz是CSS 3的属性,并不是所有的浏览器都支持. CSS2中并没有图片全屏拉伸的属性,只能想其他办法. 利用一个DIV层,在里面装载一个IMG标签.然后设置DIV和IMG的大

淘宝装修基础版全屏店招

1.淘宝基础版全屏海报旺铺基础版是左右两栏的布局,那我们就把左栏的模块全部删掉,在右栏建立自己的自定义模块,在自定义模块中加入以下代码,产生的效果就是通栏效果.在“加入自己的自定义内容”这句话这里插入自定义代码比如全屏不轮播代码等.<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'taobaoux'}" data-widge

仿QQ视频全屏界面旋转实现

// 实现效果:界面支持系统自动转屏和点击转屏 // ViewController.m // rotatoTest // Copyright © 2016年 yaoyao. All rights reserved. // 1.关闭系统自动转屏 // 2.获取设备方向,设置转屏, // 3.点击按钮,设置转屏 #import "ViewController.h" #import <UIKit/UIKit.h> #import <CoreGraphics/CoreGrap