Xib开发 - 弹出视图

xib

字数统计: 189阅读时长: 1 min

 2021/04/01   Share

xib 开发 - 弹出视图

iOS 开发过程中, 很多页面效果都要弹出视图, 或是列表, 或是二级界面

先来一张 facebook 的效果图

我们通过 xib 还可以已一种比较简便的方法做弹出视图, 还可以保留 present 系统自带的下拉dismiss 动画

xib 实现方式

0. xib 背景色设为空
1. 往 xib 上拖拽一个contentView 
2. 添加contentView 高度约束, 和父控件 viewController 的高度一致
3. 设置高度宽高比 : 根据自定义内容比例自己设置

contentLayoutGuide

模拟器运行效果

实际操作

对于一般开发场景 (交互没有特殊规定, 业务比较重要) , 以这种形式弹出视图, 开发起来更方便.

原文作者：杨庆

原文链接：http://www.yqblog.cn/2021/04/01/ios14laterPresent/

发表日期：April 1st 2021, 9:45:18 pm

更新日期：April 19th 2022, 11:47:39 pm

Next Post

iOS 事件分发机制
Previous Post

Moya(3) 开发应用篇2

CATALOG

1. xib 开发 - 弹出视图



缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是archer根目录）执行以下命令：
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置：

jsonContent:
  meta: false
  pages: false
  posts:
    title: true
    date: true
    path: true
    text: false
    raw: false
    content: false
    slug: false
    updated: false
    comments: false
    link: false
    permalink: false
    excerpt: false
    categories: true
    tags: true