阅读(2572)
赞(2)
tt.createFollowButton
2020-02-15 02:04:04 更新
基础库 1.19.0 开始支持本方法，低版本需做兼容处理。
暂时只支持在今日头条 App 上使用(使用说明)。
创建关注头条号按钮。
参数
Object 类型，属性如下：
| 属性 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| type | string | 是 | 按钮的类型，取值 image 或 text。image 对应图片按钮，text 对应文本按钮 | |
| image | string | 否 | 按钮的背景图片，type 为 image 时必填。仅支持本地图片，目录包括代码包目录、临时文件目录和本地用户目录 | |
| style | object | 是 | 按钮的样式 |
style 对象说明
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| left | number | 是 | 左上角横坐标 | |
| top | number | 是 | 左上角纵坐标 | |
| width | number | 是 | 宽度 | |
| height | number | 是 | 高度 | |
| backgroundColor | string | 是 | 背景颜色 | |
| borderColor | string | 是 | 边框颜色 | |
| borderWidth | number | 是 | 边框宽度 | |
| borderRadius | number | 是 | 边框圆角 | |
| textAlign | string | 是 | 文本的水平居中方式 | |
| fontSize | number | 是 | 字号 | |
| lineHeight | number | 是 | 文本的行高 | |
| textColor | string | 是 | 文本颜色 |
style.textAlign 属性合法值
| 值 | 说明 |
|---|---|
| left | 居左 |
| center | 居中 |
| right | 居右 |
返回
返回一个 FollowButton 对象
示例
// 创建关注头条号按钮
const btn = tt.createFollowButton({
type: "image",
image: "images/follow_btn.png",
style: {
left: 20,
top: 40,
width: 150,
height: 40,
lineHeight: 40,
backgroundColor: "#ff0000",
textColor: "#ffffff",
textAlign: "center",
fontSize: 16,
borderRadius: 4,
borderWidth: 1,
borderColor: "#ff0000"
}
});