查看Android第三方登录与换肤指南

查看第三方登录平台申请流程

概述

本文主要是介绍了如何通过开源框架快速支持QQ和微信登录，并介绍了如何实现app快速换肤

QQ登录接入

APP要支持QQ登录，需要先到腾讯开放平台创建一个应用，获取应用的APPID，并设置到开源框架中即可。

获取APP ID 并绑定应用

查看QQ开放平台应用申请教程获取APP ID和绑定机智云应用

开源框架配置

配置腾讯APP ID

将在腾讯开发平台申请到的APPID填写到开源框架的配置文件UIConfig.json中

配置URL Schemes

选择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

开源框架配置

配置微信APP ID

将在微信开发平台申请到的APPID和APPSecret填写到开源框架的配置文件UIConfig.json中，如下图

配置URL Schemes

选择微信登陆跳转到微信授权登陆界面，登陆成功后需要跳转回我们的APP，此时需要给微信SDK一个跳转路径，通过URL Schemes来设置这个路径。

选择Targets -> Info 选择URL Types可以看到如下界面。

红框部分中必须修改的有两个部分：URL Schemes和Identifier。

URL Schemes的修改规则是：微信的APP ID。

Identifier一般采用反转域名来保证名字的唯一性，也可如图填写程序的Bundle Identify。

APP快速换肤

开源框架已集成了皮肤定制功能。通过修改UIConfig.json文件即可实现快速换肤。

如图红框内所示，为自定义皮肤代码修改区，各含义如下

				

					buttonColor：按钮颜色
				

				

					buttonTextColor：按钮文字颜色
				

				

					navigationBarColor：导航栏颜色
				

				

					navigationBarTextColor：导航栏文字颜色
				

				

					configProgressViewColor：配置中界面 progress view 颜色
				

				

					statusBarStyle：状态栏颜色
				

通过修改对应的颜色值即可实现快速换肤，参考如下示例：

1. 肤色一

				

					"buttonColor":"6ebe37",
				

				

					"buttonTextColor":"ffffff",
				

				

					"navigationBarColor":"6ebe37",
				

				

					"navigationBarTextColor":"ffffff",
				

				

					"configProgressViewColor":"000000",
				

				

					" statusBarStyle "：1
				

实际效果图：

2. 肤色二

				

					"buttonColor":"ff8a44",
				

				

					"buttonTextColor":"ffffff",
				

				

					"navigationBarColor":"ff8a44",
				

				

					"navigationBarTextColor":"ffffff",
				

				

					"configProgressViewColor":"000000",
				

				

					" statusBarStyle "：1
				

实际效果图：

3. 肤色三

				

					"buttonColor":" 16b599",
				

				

					"buttonTextColor":"ffffff",
				

				

					"navigationBarColor":" 16b599",
				

				

					"navigationBarTextColor":"ffffff",
				

				

					"configProgressViewColor":"000000",
				

				

					" statusBarStyle "：0
				

实际效果图：