×

51单片机c语言编程入门 程序编程 程序

求51单片机C语言程序编程思路?小程序如何使用css3动画

admin admin 发表于2022-06-23 08:24:12 浏览98 评论0

抢沙发发表评论

求51单片机C语言程序编程思路


#include 《AT89X51.H》
//假定继电器是安装在P3.5,按键分别安装在P3.6, P3.7,时钟频率12MHz
sbit sw1=P3^6;
sbit sw2=P3^7;
sbit relay=P3^5;
 
void SetupTimer0()
{
    TMOD &=    0XF0; //仅保留T1信息
    TMOD |=    0X02; //设置T0:  定时功能,方式2,自动重载8位定时器/计数器
    TH0 = 256-250;//定时每0.25ms中断一次
    TL0 = 256-250;
    TR0 = 1;     //开启定时器
    ET0 = 1;     //定时器0中断打开
}
 
data unsigned char us250;
data unsigned int relay_timer;

void Timer0_ISR() interrupt   1 //定时中断服务程序,为按键消抖服务
{
//如果一个动作过程刚刚开始,则设定继电器延时3000ms,并打开继电器
if (0==relay_timer && 0==sw1) {relay_timer=3000; relay=1;}

    if (++us250》=4) //250us中断一次,每四次得到1ms
    {
     us250=0; 
     if(relay_timer==0) relay=0; //如继电器延时为0,则关继电器
     else --relay_timer;         //否则继电器延时递减
    }
    
//如果当前正处于一个动作过程且有sw2按下,则修改继电器延时为1000ms
if (relay_timer && 0==sw2) relay_timer=1000;
}
 
void main()
{
us250=0;
relay_timer=0;
relay=0;
    SetupTimer0();
    EA = 1;               //全局中断打开
    while(1);             //所有的动作均在中断函数内完成
}

小程序如何使用css3动画


1、利用样式实现小程序动画(用法和css用法相识)
wxml 文件

《image class=“aniamtion“ src=“../../images/page4.jfif“ style=“width:200rpx;height:200rpx;  position:  relative;“》《/image》-程序编程

wxss文件

.aniamtion {

  animation: mymove 5s infinite;

  /* //infinite属性是表示无限循环的意思,没有这个属性的话动画只执行一次。 */

}


@keyframes mymove {

  from {

    /* left: 0px; */

/* transform: rotate(7deg) skew(50deg) translate(30rpx,30rpx); */

transform: rotate3d(100,200,300,0deg);

  }


  to {

   /* left: 200px; */

/* transform: rotate(7deg) skew(5deg) translate(100rpx,100rpx); */

transform: rotate3d(200,300,400,360deg);

  }

}


2、 用小程序的API来实现动画
用wx.createAnimation(object) 来创建一个动画 --》返回一个animation对象
创建一个动画实例 animation。

  onReady: function () {

this.animation = wx.createAnimation({

duration:1000,

timingFunction:’linear’,

delay:100,

transformOrigin:“left top 0“

})

  },

调用实例的方法来描述动画。
Animation.step() 表示一组动画的完成,可以在一组动画中调用任意多个动画方法,一组动画中的所有动画会同时开始,一组动画完成后才会进行下一组动画

 rotate(){

  this.animation.rotate(150).step() //对动画进行简单的描述

  this.setData({

           animation:this.animation.export()

  })

  },

最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。
this.animation.export() 导出动画队列。export 方法每次调用后会清掉之前的动画操作-程序

 rotate(){

  this.animation.rotate(150).step() //对动画进行简单的描述

  this.setData({ // 在setData({}) 导出动画数据数据给组件

           animation:this.animation.export()

  })

  },

完整的wxml

《view class=“container“》

《view animation=“{{animation}}“ class=“view“》

将做动画的块

《/view》

《/view》

《button type=“default“ size=“mini“ bindtap=“rotate“》

旋转

《/button》

完整的wxjs

Page({

  data: {

animation:’’

  },

  onReady: function () {

this.animation = wx.createAnimation({

duration:1000,

timingFunction:’linear’,

delay:100,

transformOrigin:“left top 0“

})

  },

  rotate(){

  this.animation.rotate(150).step().translate(100).step()

  this.setData({

  animation:this.animation.export()

  })

  }

})


3、用选择器来绑定组件来来实现组件的动画(小程序2.9.0 的库可用,版本不够会报this.animate不是一个方法)

《text》pages/index7/index7.wxml《/text》

《view id=“container“ style=“height: 100px; width: 100px; background-color: blue;“》

  container

《/view》

《view class=“block“ style=“height: 100px; width: 100px;background-color: #ccc;“》

  block

《/view》

用选择器选择相应的组件进行相应的动画
进行关键帧的处理

onLoad: function () {

    this.animate(’#container’, [

      { opacity: 1.0, rotate: 0, backgroundColor: ’#FF0000’ },

      { opacity: 0.5, rotate: 45, backgroundColor: ’#00FF00’ },

      { opacity: 1.0, rotate: 90, backgroundColor: ’#FF0000’ },

    ], 5000)

    this.animate(’.block’, [

      { scale: [1, 1], rotate: 0, ease: ’ease-out’ },

      { scale: [1.5, 1.5], rotate: 45, ease: ’ease-in’},

      { scale: [2, 2], rotate: 90 },

    ], 5000)

  },

 } 


4、用第三方的库 animation.css

需要做的有

从https://daneden.github.io/animate.css/下载css动画文件

把 .css 文件 改名成 .wxss文件(可进行相应的需改,毕竟小程序的大小限制摆在那里)

把它引入到你的app.wxss文件中

@import “动画文件的相对目录”

在用的时候把他和你的样式绑定

《view class=“swing“ style=“height: 100px; width: 100px;background-color: #ccc;“》

block

《/view》

// 给类名为swing 的文件绑定swing 的动画

.swing{

animation: swing 5s infinite;

}


小程序模板有好的推荐吗


制作小程序的商家都知道,一个美观且好用的小程序模板,可以为店铺带来更多销量,但是该如何选择呢?下面就让得有店给大家普及一下。

如今小程序市场虽然已经完善,但是因为每个开发公司开发的小程序都是不一样的,所以是否支持随意更换,还是因小程序类型而异。

1、购买第三方模板

这种类型的小程序是开发成本较低,局限性较大。属于固定模板,固定配色、固定主题,所以因为功能的局限,导致无法随意更换。

2、第三方拖拽式模板

这种类型是属于成熟的SaaS系统,商家可以直接拖拽式套用模板,系统配色与功能也会更多,但是因为公司盈利模式的不同,小程序模板的使用期限与种类也是有局限性的。-程序编程

第三方SaaS系统制作平台的模板有很多,商家可以根据自己的需求进行寻找。

如果想找功能齐全、模板样式多且免费的小程序制作工具,真正免费的只有得有店。系统内183+套行业精美模板,配色、主题、导航、微页面自定义,支持可视化拖拽编辑,26+功能组件自由DIY,像搭积木一样简单。除此之外,系统还针对不同客户提供多样化的会员服务,助力商家快速上线运营。深挖客户需求,快速匹配解决方案,真正帮客户省钱,让客户省心。-程序


除此之外,系统内拼团、秒杀、砍价、优惠券、满减送、限时特价、预售、发券宝、分销、会员卡、会员储值、签到有礼、积分商城、直播等30+种场景营销玩法,拉新/转化/促活/复购,面面俱到,各个业务逻辑打通,能够满足大多数商家的经营需求。
-程序编程

小程序模板作为搭建店铺的基础,其实很简单,0基础也能轻松学会。