本文主要是介绍了如何通过开源框架快速支持QQ和微信登录,并介绍了如何实现app快速换肤
APP要支持QQ登录,需要先到腾讯开放平台创建一个应用,获取应用的APPID,并设置到开源框架中即可。
查看QQ开放平台应用申请教程获取APP ID和绑定机智云应用
将在腾讯开发平台申请到的APPID填写到开源框架的配置文件UIConfig.json中
选择QQ登陆跳转到QQ授权登陆界面,登陆成功后需要跳转回我们的APP,此时需要给QQ SDK一个跳转路径,这个路径就是通过URL Schemes来设置的。
选择Targets -> Info 选择URL Types可以看到如下界面
红框部分中必须修改的有两个部分:URL Schemes和Identifier。
URL Schemes的修改规则是:tencent + 腾讯的APP ID。
Identifier一般采用反转域名来保证名字的唯一性,也可如图填写程序的Bundle Identify。
APP要实现微信登陆,必须前往微信开放平台申请一个应用,获取应用的APPID和APPSecret并且配置到开源框架中即可。
查看微信开放平台应用申请教程获取APPID和APPSecret
将在微信开发平台申请到的APPID和APPSecret填写到开源框架的配置文件UIConfig.json中,如下图
选择微信登陆跳转到微信授权登陆界面,登陆成功后需要跳转回我们的APP,此时需要给微信SDK一个跳转路径,通过URL Schemes来设置这个路径。
选择Targets -> Info 选择URL Types可以看到如下界面。
红框部分中必须修改的有两个部分:URL Schemes和Identifier。
URL Schemes的修改规则是:微信的APP ID。
Identifier一般采用反转域名来保证名字的唯一性,也可如图填写程序的Bundle Identify。
开源框架已集成了皮肤定制功能。通过修改UIConfig.json文件即可实现快速换肤。
如图红框内所示,为自定义皮肤代码修改区,各含义如下
1 | buttonColor:按钮颜色 |
通过修改对应的颜色值即可实现快速换肤,参考如下示例:
1. 肤色一
1 | "buttonColor":"6ebe37", |
实际效果图:
2. 肤色二1
2
3
4
5
6"buttonColor":"ff8a44",
"buttonTextColor":"ffffff",
"navigationBarColor":"ff8a44",
"navigationBarTextColor":"ffffff",
"configProgressViewColor":"000000",
" statusBarStyle ":1
实际效果图:
3. 肤色三
1 | "buttonColor":" 16b599", |
实际效果图: