IOS -> 获取 屏幕尺寸

app尺寸,去掉状态栏

CGRect r = [ UIScreen mainScreen ].applicationFrame;

r=0,20,320,460

屏幕尺寸

CGRect rx = [ UIScreen mainScreen ].bounds;

r=0,0,320,480

状态栏尺寸

CGRect rect; rect = [[UIApplication sharedApplication] statusBarFrame];

iphone中获取屏幕分辨率的方法

CGRect rect = [[UIScreen mainScreen] bounds];
CGSize size = rect.size;
CGFloat width = size.width;
CGFloat height = size.height;

另外,设计UI的时候,注意用户最小的触控面积。有2种说法 

44*44 好像是来自sdk

64*64 来自standford讲义

<template> <!-- <view class="barHeader"> --> <!-- 统一化事件 --> <u-row gutter="16" justify="space-between" class="barHeader" :style="{ paddingTop: GetHeaderDistance().top + 'px' }"> <u-col :span="myorder?3:2"> <view @click="goBack()" v-if="back" class="lineHeight"> <!-- <返回 --> <image :src="GetImgUrl('/Middle/icon_arrow_left@2x.png')" class="leftimg" mode=""></image> </view> <view v-if="returns" @click="returngo()" class="lineHeight"> <image :src="GetImgUrl('/Middle/icon_arrow_left@2x.png')" class="leftimg" mode=""></image><!-- 返回自定义指点页面 --> </view> </u-col> <u-col :span="myorder?6:8" text-align="center"> <view class="tltstyle omitshow lineHeight"> {{title?title:'我要预约场所'}} </view> </u-col> <u-col span="2" text-align="right" v-if="!myorder"> <!-- 分享 --> <view @click="SharePage()" v-if="share" class="lineHeight"> <u-icon name="zhuanfa" color="#333" size="36"></u-icon> </view> <!-- //筛选 --> <view @click="Screengo()" v-if="screen" class="lineHeight"> <image :src="GetImgUrl('/Middle/icon_filter_default@2x.png')" class="leftimg" ></image> <!-- 筛选 --> </view> </u-col> <u-col span="3" text-align="right" v-else> <!-- //我的预约 --> <view @click="MyOrderPage()" v-if="myorder" class="lineHeight"> <u-icon name="order" color="#333" size="36"></u-icon> 我的预约 </view> </u-col> </u-row> <view style="height: 50px;"></view> <!-- #ifdef MP-WEIXIN --> <view class="" style="margin-top: 12.4%;"> </view> <!-- #endif --> <!-- </view> --> </template> <script> export default { props: ["title","back", "code", "screen", "plate","returns", 'share','myorder'], emit: ['screengo', 'returngo','SharePage','MyOrderPage'], methods: { //放回上一页 goBack() { console.log('huiqu') uni.navigateBack({ // 返回上一页 delta: 1 }) }, //分享 SharePage(id) { this.$emit("SharePage", id) }, //我的预约 MyOrderPage(id) { this.$emit("MyOrderPage", id) }, returngo(value) { this.$emit("returngo", value) }, //筛选 Screengo(value){ this.$emit("screengo",value) } } } </script> <style scoped lang="scss"> .tltstyle{ font-size: 18px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 550; } .lineHeight{ line-height: 50px; } .barHeader { background-color: #ffffff; color: #333333; z-index: 99; height: 50px; // display: flex; // align-items: center; padding: 0 17rpx; position: fixed; top: 0; left: 0; width: 100%; } .leftimg{ width: 24px; height: 24px; vertical-align: middle; } .bar_height { height: 10px; // background-color: #0077E5; } </style> 适配各种手机型号
最新发布
03-12
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值