iOS 端自定义开发(一)|学习笔记

简介: 快速学习iOS 端自定义开发(一)

开发者学堂课程【mPaaS 小程序开发实战 iOS 端自定义开发(一)】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/301/detail/3515


iOS 端自定义开发(一)


内容介绍:

一、iOS 小程序自定义导航栏

二、iOS 小程序自定义启动加载页

三、iOS 小程序自定义双向通道与

一、iOS 小程序自定义导航栏

首先第一个是自定义导航的背景和标题。这里字标背景和标题分成了三类,第一个是全局自定义。

image.png

小程序里面会有很多页面。全局自定义就是一次设置之后,不管是标题还是背景,它对所有的页面都是生效的。

全集的设置主要通过 windows 的配置来进行修改。关于配置,知识的参数就是当前导航栏页面的标题背景色,即小程序全局的背景。

关于创建 V ctrl,它继承了 H5,然后同时在它的一个点文件里面。在 will here 之后。制定一个方法 custom terms。在这个里面来修改当前页面标题的颜色。关于颜色,通过启动参数的设置,在小程序里面设置。

汇到这个参数之后,取到这个参数的值。进行标题的 label 修改,修改 label 颜色或者字体。

正式设置完成之后,然后重新运行一下工程。

下面看标题的位置,因为现在目前的标题是靠左的,即在左侧返回按钮上,如果有的用户,希望标签能够居中显示,居中就需要拷贝这份代码。进行拷贝这份代码。设置完成之后,同样还需要进行开关的配置。这个方法其实是个代理的协议。

可以重新运行一下工程往下看是全局自定义导航栏的一部分,全局自定义导航的基础之上,还可以修改某一个页面的导航栏。那么修改页面中,栏主要是在当前这个页面所有的点击js文件中心的配置。同样可以对进行隐藏,设置透明修改颜色这里举一个页面结算配置自定义监测下的页面,页面的标题是小程序,背景也是白色可以在这里接里面,进行配置。比如修改它的一个标题设置为红色。

保存之后刷新看效果,标题 title 变成了自己的 api。一个是当前验证所在的J文件,还有一个是整个 app 的 app D 解散文件里面都设置了一个 title B C 和 D title,那这样同时设置的的话,当前页面的优先级是比全局设置优先级高的,就是当前页面设置的这个 title B C 和 D title 参数为准,所以当前这个自定C一个页面,它的背景就是红色,字体是白色。同样还可以它设置导航栏透明或者鉴定,这两个参数的区别就是透明是指这个页面导航栏是彻底透明的然后鉴定就是凹槽的参数,首次进入这个页面的时候,背景是是透明的,当向上滑动滚动这个页面的时候导航栏就变成不透明。这就是自定义某一个页面

还有一种情况,页面打开之后需要动态的修改比如用户点击按钮的时候要修改这个导航的背景颜色。小程序里面也默认的提供api来供大家使用可以修改当前页面的背景色标题的文案导航标题的颜色标题的图片等等,但是设置导航栏为隐藏透明或者鉴定这个 api 是不支持的,如果要想要实现这些功能就需要通过自定义来实现。

第二部分的话,修改自定导航的返回按钮。在刚刚H五的 V 机内的平方码里面修改左侧 left item 的样式示例代码在这个机内里面。修改当前返回按钮的一个颜色同样可以在当前某个页面上,设置它的Color来确定一下当前页面是什么颜色。同,在这个配置里面,加上这个参数名字定义什么都可以,只要跟内代码能够对应上就可以这样就能根据颜色值来能修改左侧这个按钮的颜色设置完成之后重新运行工程同样重新生成这个码,因为刚刚修改了小程序的内容,所以需要重新生成这个码点击调试。

点击页面变成了白色。它默认是蓝色的,所以给它定成了白色的样式。这就是自定义导航栏返回按钮的步骤,

第三个是修改右侧的关闭,按照它的样式修改它的图片和颜色,或者完全修改它的样式,对于修改图片和颜色,提供一些api所原有的基础之上,直接设置这些api就可以,先导入代码最好是放在滴滴启动的时候设置导入这个图文件之后。设置定制右侧的这些

有几个方法,第一个是修改右侧的关闭按钮的颜色。或者把这个图片样式整体都替换掉。除了关闭按钮之后,可以在它的左侧增加一个分享按钮,因为这个分享按钮默认是隐藏的,如果需要,可以把它显示出来,同样分享按钮,之后还能修改分享按钮的样式默认它是一个点。

打开注释,重新运行工程其实除了运行过程的修改样式之外,还可以修改这个右侧按钮完全自定义,把右侧按钮图片修改成文字可以完全重写右侧的这个按钮。在机内里面,处理当前这个页面,重新定义它的点击事件和样式。

点击打开调试小程序。扫描可以看到右侧多出了一个分享的按钮,实际上显示了分享按钮之后,要让关闭按钮和分享按钮进行了文案的修改,比如在点击加号的时候点击这个加号按钮,之后它就已经退出了。如果完全自定义右侧的按钮,还能完全定义。在H五的机内里面可以调用js,也是同样可以来退出当前的这一个小程序。这样就会在刚刚打开的这一个加号,把它给电传的上的关闭,整个把它从这里整个的右侧的这个按钮给它变成关闭的文案可以重新运行一下工程看一下效果。

自10.1.60版本基线起,iOS 小程序支持对导航栏进行自定义,您可以对导航栏中的标题、背景、返回按钮、右侧的设置和关闭按钮进行自定义。本文将向您详细介绍关于自定义 iOS 小程序导航栏的方法。

(一)自定义导航栏背景和标题

1、全局自定义导航栏背景和标题

如果您要全局自定义小程序所有页面默认导航栏背景和标题,则需要在app.json中修改window配置。

·导航栏隐藏:您需要自定义JSAPI实现。

·导航栏透明:transparenttitle:always

·导航栏渐变:"transparentTitle:auto”

·导航栏颜色:titleBarcolor:#f00。

·导航栏标题文案:“defaultTitle:Alert

·导航栏标题颜色:在H5基类的viewWillAppear方法的super之后中,修改当前页面titleView的样式。                                                                                  

代码:

1.-(void)viewWilLAppear:(BOOL)ANIMATed

2. {

3. [superviewWillAppear:animated];

4. …

5.BOOLisTinyApp=[NBUTiLsisTinyApPWithSession:self.

psdSession];

6. if(isTinyAPP)  {

7. [[titleViewmainTitleLabel]setTextFont[UIFontsystemFontofsize:16]];

8.self.navisationitem.titieview

9.  }

航栏标题图片:

"titlelmage":https://pic.alipayobjects.com/e/201212/1ntOVeWwtg.png”

航栏标题位置:请参考以下代码进行实现。

1.-(NSDiCTionary")nebulacustomconfig

2.[

3.return @{@"h5_TINyAPPTITLeVIEWALIgNLEftCONi:@eNAbLE:N

4. ]

2自定义某一页面导航栏背景和标题

如果您要自定义小程序中某一页面的导航栏背景和标题,则需要在该页面的.json中配置。

·导航栏隐藏:您需要自定义JSAPI实现

·导航栏透明: "TRANSPARENTTITLE:always”。

·导航栏渐变:rtransparentTitle:auto”。

·导航栏颜色:"titleBarcolor:#f00

·导航栏标题文案:“defaultTitle":Alert

·导航栏标题颜色:您需要自定义 JSAPI、在 JSAPI 中修改当前页面 titleView 的样式

代码:

1.-(void)HANDLER:(NSDICTIONARY)DATA

2. {

3.[superhandler:datacontext:contextcallback:callback];

4.

5.//可以通过data传递字体、颜色等

6. id<NBNavigationTitleViewProtocolstitleView

=context.currentViewController.navigationltem.titleView:7

7.[[titleViewmainTitleLabeljsetFont:[UIFontsystemFontofSize:161]

8. [[TITLeViEwmainTitleLabel]SEtTextColor:[UIColorredColorll

9. ]

·导航栏标题图片:"titlelmage":

"https://pic.alipayobjects.com/e/201212/1ntOVeWwtg.png

3动态修改当前页面的导航栏背景和标题

如果您要动态修改当前页面的导航栏背景和标题,则需要调用 my.setNavigationBar进行配置。

·导航栏隐藏:您需要自定义JSAPI实现。

·导航栏透明:不支持。

·导航栏渐变:不支持。

·导航栏颜色:backgroundcolor #f00。

·导航栏标题文案:title:新标题。

·导航栏标题颜色:您需要自定义 JSAPI.在 JSAPI 中修改当前页面 titleView 的样式。

1. -(void)hANDLER:(NSDICTionARy)Data

2. [

3.[superhandler:datacontext:contextcallback:callback];

4.

5.//可以通过data传递字体、颜色等

6.  id<NBNAVIgAtIOnTitleViewProtocols titleView=

context.currentViewController.navigationltem.titleView;

7. [[titleViewmainTitleLabeljsetFont:[UIFontsystemFontOfsize:16]];

8.[[titleViewmainTitleLabel]setTextColor[UIColorredColorj

9. ]

导航栏标题图片:“image

"https://pic.alipayobjects.com/e/201212/1ntoVeWwtg.png”

二)自定义导航栏返回按钮

如果您要全局修改返回按钮样式,则需要在 H5基类的 viewWilLAppear 方法的super之后中,修改当前页面 leftBarButtonltem 样式。可修改的样式包含以下内容,您可以参考下方代码段以获得更多指导。

·修改返回箭头和文案颜色

·修改返回箭头样式和文学内容

·隐藏返回箭头

·返回文案      

代码:

1. //修改左侧返回按钮样式

2. AUBARBUTTONLTEMBaCKITEm=self.navigationltem.leftBarButtonltEM:

3. if([backItemisKinDOfClaSS:[AUBARBUTTONLTEMClASSJ]) {  

4.//在默认返回按钮基础上,修改返回箭头和文案颜色          

5.backltem.backButtonColor=[UIColorgreenColor];

6.  backltem.titleColor=[UIColorcolorFromHexString:@#00ff00”];

7.

8.//修改返回箭头样式和文字内容

9.backltem.backButtonTitle=@回退”;

10.//backitem.backButtonlmage = [UllmageimageNamed:

@"APCOMMONUI.bundle/add'];

11.

12.//隐藏返回简头

13.//backitem.hideBackButtonlmage=YES;

相关文章
|
1月前
|
iOS开发 开发者
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
143 67
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
|
3月前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上,安卓和iOS两大阵营各据一方。随着技术的演进,跨平台开发框架成为开发者的新宠,旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战,并分享实用的开发技巧,帮助开发者在安卓和iOS的世界中游刃有余。
|
4天前
|
JavaScript 搜索推荐 Android开发
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
23 8
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
|
2月前
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架,这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例,我们将展示如何利用SwiftUI简化UI代码,提高开发效率,并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者,本文都将为你提供宝贵的见解和实用的指导。
145 66
|
2月前
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
90 11
|
2月前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
173 3
|
2月前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
|
3月前
|
存储 前端开发 Swift
探索iOS开发:从新手到专家的旅程
本文将带您领略iOS开发的奇妙之旅,从基础概念的理解到高级技巧的掌握,逐步深入iOS的世界。文章不仅分享技术知识,还鼓励读者在编程之路上保持好奇心和创新精神,实现个人成长与技术突破。
|
3月前
|
安全 IDE Swift
探索iOS开发之旅:从初学者到专家
在这篇文章中,我们将一起踏上iOS开发的旅程,从基础概念的理解到深入掌握核心技术。无论你是编程新手还是希望提升技能的开发者,这里都有你需要的指南和启示。我们将通过实际案例和代码示例,展示如何构建一个功能齐全的iOS应用。准备好了吗?让我们一起开始吧!
|
3月前
|
安全 Swift iOS开发
Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法
本文深入探讨了 Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法。Swift 以其简洁、高效和类型安全的特点,结合 UIKit 丰富的组件和功能,为开发者提供了强大的工具。文章从 Swift 的语法优势、类型安全、编程模型以及与 UIKit 的集成,到 UIKit 的主要组件和功能,再到构建界面的实践技巧和实际案例分析,全面介绍了如何利用这些技术创建高质量的用户界面。
72 2

热门文章

最新文章

  • 1
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 3
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
  • 4
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 5
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
  • 6
    iOS8 中无需开源库的内置功能一览
  • 7
    iOS7应用开发7:自定义视图、手势操作
  • 8
    IOS小工具以及精彩的博客
  • 9
    Facebook SDK(iOS)初学讲解
  • 10
    iOS - Swift NSPoint 位置
  • 1
    【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
    14
  • 2
    Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
    28
  • 3
    【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    34
  • 4
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 5
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
    23
  • 6
    uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
    143
  • 7
    【05】2025年1月首发完整版-篇幅较长-苹果app如何上架到app store完整流程·不借助第三方上架工具的情况下无需花钱但需仔细学习-优雅草央千澈详解关于APP签名以及分发-们最关心的一篇来了-IOS上架app
    235
  • 8
    app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
    90
  • 9
    深入探索iOS开发中的SwiftUI框架
    145
  • 10
    ios样式开关按钮jQuery插件
    60