NativeScript Shine Button

注意：此插件基于 IOS 的 WCLShineButton 和 Android 的 ShineButton .

安装

tns plugin add nativescript-shine-button

使用

<Page xmlns="http://schemas.nativescript.org/tns.xsd" class="page" xmlns:ui="nativescript-shine-button">
     <ui:ShineButton height="80" width="80" src="customicon" color="gray" fillColor="red">
</Page>

查看示例项目以获取更多信息。

Angular

将此添加到 app.module.ts 以在视图中使用 Gradient 标签

import { registerElement } from "nativescript-angular";
registerElement("ShineButton", () => require("nativescript-shine-button").ShineButton);

API

属性	描述
`src`	按钮图像（png）
`color`	默认按钮颜色
`fillColor`	填充按钮颜色
`allowRandomColor`	允许发光颜色随机
`animDuration`	发光动画持续时间（秒）
`bigShineColor`	大发光颜色
`enableFlashing`	启用类似闪光的特效
`shineCount`	按钮周围的发光数量
`shineTurnAngle`	发光的转向角度
`shineDistanceMultiple`	按钮距离的倍数
`smallShineOffsetAngle`	小发光相对于大发光的角度偏移
`smallShineColor`	小发光颜色
`shineSize`	发光尺寸（像素）

下一步

[ ] 调整属性以在 Android 和 iOS 上更一致。

贡献

如果您想帮助改进此插件，您可以将其视为您自己的，并随意提交 PR :)

获取帮助

请，仅使用 github issues 进行报告错误或请求新功能。

联系

Twitter: hamdiwanis
Email: [email protected]