统软云开发者的进阶之路|超实用技能
APP开发
浏览：454 次
金秋九月的第一个星期五，我总是想起北京的“中非合作蓝”！明天我们又可以在晴朗的天气里出去散步了。想想看！今天，按照惯例，你应该敦促每个人充电。毕竟，明天，甚至是后天的48小时，我们将致力于吃喝玩乐。
本周，30天，从0到1的app开发将分享第10章中的超级实用技能。我们选择了其中一章——地图模块的实用扩展：在地图上添加自定义按钮，让我们一起学习。
主要保险范围
本章将向读者介绍一些开发中常用的功能和技巧，这些功能和技巧涉及app开发的各个方面。
示例1解释了屏幕动态调整的方法，这是开发app必须掌握的技能之一；
示例2、示例7、示例9至示例11具体说明了一些常见业务需求的实现方法，并着重于理解实现其功能时的相关逻辑处理；
示例3说明了打开网页的过程；
示例4介绍了app的皮肤变化功能，示例5说明了如何实现语言国际化，示例6说明了如何唤起其他app。这些示例是app开发中经常使用的实用功能技能；
示例8解释了统软云操作原理的相关知识。了解和掌握这些知识将非常有助于优化app的功能体验。
学习目标
（1） 该页面可动态适应配备虚拟按键栏的Android手机。
（2） 实现了获取手机验证码的功能。
（3） 将外部链接作为新页面打开，并设置样式和事件监视。
（4） 启用app的皮肤样式切换功能。
（5） 实现app的多语言版本切换功能。
（6） 调用任何app。
（7） 快速开发数据表。
（8） Apeady和window负载的平衡使用。
（9） 向地图添加自定义按钮。
（10） 如何获取城市地铁线路列表。
（11） 实现极光推送。
10.9地图模块的实际扩展：
向地图添加自定义按钮
地图模块在许多应用中被广泛使用。模块Store上的地图模块封装了地图提供程序的官方SDK。如果要在地图上添加几个按钮以实现一些自定义功能，则需要添加一些按钮，如图10-8所示。
图10-8
实现自定义按钮的关键是统软云官方提供的免费UIButton模块。这里要实现的功能是单击中心点按钮将地图返回到中心点。代码如下：
var aMap=api。要求（“地图”）；//介绍了地图模块，此处使用Gaud地图
var UIButton=api。require（'UIButton'）；//UIButton模块介绍
var lon=116.4021310000；
var纬度=39.9994480000；
地图打开({
矩形：{
x： 0，
y： 65中，
w： “自动”，
h： api。框架高度-65
},
中心：{
lon：lon，
纬度：纬度
},
showUserLocation:true，
缩放级别：14，
fi xedOn:api.frameName，
固定：真
}，函数（ret，err）{
如果（ret）{
var buttonId；//记录按钮的ID，并在单击时更改按钮的状态
UI按钮打开({
矩形：{
x： api。帧宽度-52，
y： api。框架高度-140，
w： 40之间，
h： 40个
},
角：5，
背景：{
正常：'widget://img/dingwei.png' ;,
突出显示：'widget://img/dingwei_2.png' ;,
活动：'widget://img/dingwei_2.png' ;
}，//这里有三种类型的按钮
fi xedOn:api.frameName，
fi固定：真，
移动：false
}，函数（ret，err）{
if（ret&&ret.eventType==“show”）{
buttonId=ret.id
}
if（ret&&ret.eventType==“单击”）{
//收到单击按钮的命令后，将按钮状态更改为正常，用于更改按钮样式并将其恢复为正常
//击球前的风格
UI按钮获取状态({
id:buttonId
}，函数（ret，err）{
if（ret.state==“活动”）{
UI按钮设置状态({
id:buttonId，
状态：“正常”
})
}
});
//将地图返回到中心点
地图设置中心({
坐标：{
lon：lon，
纬度：纬度
}
});
}
})
}
});
这样，简单地实现了在地图上自定义按钮的功能。
有关更多app信息，请访问www.统软云.com
提交app定制要求以了解报价和周期：
