autojs之200万logo自己做
发布于 2021-04-04 14:44
使用场景
200万的logo, 自己动手实现
效果展示
autojs版本
原理
修改img控件的cornerRadius属性的值
代码讲解
UI
一个图片控件img显示logo
一个进度条用于调整圆角的值
一个文字显示进度条的值
ui.layout(
<vertical gravity="center">
<img id="logo" src="file://./xiaomilogo.jpg" w="200dp" h="200dp"></img>
<horizontal w="*" h="wrap_content" gravity="center" margin="10">
<text id="price" textSize="30sp" textStyle="bold" gravity="center">
200
</text>
<text textSize="30sp" textStyle="bold">
万
</text>
</horizontal>
<seekbar id="seekbar" w="*" h="30dp" max="1000" margin="10 50 10 10" />
<text textSize="30sp" textStyle="bold" gravity="center">
作者: 牙叔
</text>
</vertical>
);
手指在进度条滑动, 进度条监听到滑动事件, 就修改图片的圆角值
var seekbarListener = new android.widget.SeekBar.OnSeekBarChangeListener({
onProgressChanged: function (seekbar, progress, fromUser) {
log(progress);
ui.price.setText(Math.floor(progress) + "");
ui.logo.cornerRadius = progress;
},
});
ui.seekbar.setOnSeekBarChangeListener(seekbarListener);
完整源码
"ui";
ui.layout(
<vertical gravity="center">
<img id="logo" src="file://./xiaomilogo.jpg" w="200dp" h="200dp"></img>
<horizontal w="*" h="wrap_content" gravity="center" margin="10">
<text id="price" textSize="30sp" textStyle="bold" gravity="center">
200
</text>
<text textSize="30sp" textStyle="bold">
万
</text>
</horizontal>
<seekbar id="seekbar" w="*" h="30dp" max="1000" margin="10 50 10 10" />
<text textSize="30sp" textStyle="bold" gravity="center">
作者: 牙叔
</text>
</vertical>
);
var seekbarListener = new android.widget.SeekBar.OnSeekBarChangeListener({
onProgressChanged: function (seekbar, progress, fromUser) {
log(progress);
ui.price.setText(Math.floor(progress) + "");
ui.logo.cornerRadius = progress;
},
});
ui.post(function () {
ui.price.setText("200");
ui.seekbar.progress = 200;
});
ui.seekbar.setOnSeekBarChangeListener(seekbarListener);
声明
部分内容来自网络
小米logo不只是修改弧度
认真对比一下
本文实现的效果
只能说有个弧度变化
小米的新logo更圆润
本文仅供娱乐
大佬发声
群内有大佬说计算公式是
|x|n+|y|n=1 n=3
微信 AutoJsPro教程
QQ群
747748653
本文来自网络或网友投稿,如有侵犯您的权益,请发邮件至:aisoutu@outlook.com 我们将第一时间删除。
相关素材