微信小程序 自定义d窗

微信小程序 自定义d窗,第1张

 <button bindtap="powerDrawer" type="primary" size="mini" style="width: 55%" data-statu="open">中奖记录</button>  

<!-- 中间名单d窗 -->

<view class="drawer_div">

  <view class="drawer_screen" bindtap="powerDrawer" data-statu="close" wx:if="{{showModalStatus}}"></view>

    <view animation="{{animationPrize}}" class="drawer_box" wx:if="{{showModalStatus}}">

      <view class="drawer_title">

        中奖记录

        <image src="../img/x@2x.png" bindtap="powerDrawer" data-statu="close"></image>

      </view>

      <view class="drawer_content">

        <view class="top grid">

          <text>

            名称:啦啦啦啦啦啦啦啦

          </text>

          <text>

            时间:2020-02-20

          </text>

        </view>

        <view class="top grid">

          <text>

            名称:啦啦啦啦啦啦啦啦

          </text>

          <text>

            时间:2020-02-20

          </text>

        </view>

    </view>

  </view>

</view>

.drawer_screen {

  width: 100%

  height: 100%

  position: fixed

  top: 0

  left: 0

  z-index: 1000

  background: #000

  opacity: 0.5

  overflow: hidden

}

/*content*/

.drawer_box {

  width: 650rpx

  overflow: hidden

  position: fixed

  top: 50%

  left: 0

  z-index: 1001

  background: #FAFAFA

  margin: -150px 50rpx 0 50rpx

  border-radius: 3px

}

.drawer_title{

  padding:30rpx 20rpx

  font-size: 36rpx

  text-align: center

  position: relative

}

.drawer_title image{

  display: inline-block

  width: 30rpx

  height: 30rpx

  position: absolute

  right: 9px

  top: 10px

}

.drawer_content {

  height: 210px

  overflow-y: scroll /*超出父盒子高度可滚动*/

  padding: 0 20rpx

}

.top{

  display: flex

  justify-content: space-between

  border-bottom: 1px dashed #ccc

}

.top text{

  display: inline-block

  height: 60rpx

  line-height: 20rpx

}

data: {

animationPrize: {},

}

powerDrawer: function (e) {

    // console.log(e)

    let currentStatu = e.currentTarget.dataset.statu

    this.util(currentStatu)

  },

  util: function (currentStatu) {

    /* 动画部分 */

    // 第1步:创建动画实例

    var animation = wx.createAnimation({

      duration: 200,  //动画时长

      timingFunction: "linear", //线性

      delay: 0  //0则不延迟

    })

    // 第2步:这个动画实例赋给当前的动画实例

    this.animation = animation

    // 第3步:执行第一组动画

    animation.opacity(0).rotateX(-100).step()

    // 第4步:导出动画对象赋给数据对象储存

    this.setData({

      animationPrize: animation.export()

    })

    // 第5步:设置定时器到指定时候后,执行第二组动画

    setTimeout(function () {

      // 执行第二组动画

      animation.opacity(1).rotateX(0).step()

      // 给数据对象储存的第一组动画,更替为执行完第二组动画的动画对象

      this.setData({

        animationPrize: animation

      })

      //关闭

      if (currentStatu == "close") {

        this.setData({

          showModalStatus: false

        })

      }

    }.bind(this), 200)

    // 显示

    if (currentStatu == "open") {

      this.setData({

        showModalStatus: true

      })

    }

  },

iPad 可以玩跳一跳游戏的,跳一跳只是微信里面的一个小程序,您安装微信了的话,和手机上是一样的。

跳一跳是微信的一个小游戏,依靠 *** 作小人蓄力跳跃进行游玩。按照小人跳跃盒子的数量,以及特殊盒子加分项计算得分。有单人模式和双人模式两种。

扩展资料:

软件介绍

跳一跳是微信开发的一款小游戏,有单人模式和双人模式。依靠 *** 作小人蓄力跳跃进行游玩,跳到盒子上计1分,跳到盒子中间,则第1次2分,连续2次4分,连续3次6分,连续4次8分,以此类推。玩家最终的得分会被列入微信好友的排行榜,排行榜按照降序排列,微信好友排行榜一星期更新一次。

配置需求

将微信客户端升级到 6.6.1 版本。 iPad端需要升级最新版,电脑端暂不支持)

游戏彩蛋

1、在音乐盒上停留,直到听见它播放音乐+30分。

2、跳到魔方,停留,魔方会旋转修正,+10分。

3、在微信支付店上停留,直到听见付款声音+5分,且店门旁边显示“close”。若当天有用使用微信支付,+20分,店门旁显示“open”。

4、跳到粉红盒子上,停留,+20分。

5、跳到嘻哈盒(一个听音乐的小男孩)上,停留,播放音乐+20分。

发展历程

2017年12月28日,微信更新的 6.6.1 版本开放了小游戏,微信启动页面还重点推荐了小游戏「跳一跳」。

2018年5月,研究公司QuestMobile,发布了微信小游戏《跳一跳》的数据,这款只有4MB大小的游戏截至2018年3月份已经积累了3.9亿玩家。

参考资料:跳一跳_百度百科

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

我们修的汇编语言是JAVA,怎奈自己学术不精.现在此象高手请教.小程序是期末做课程设计用的.题目有日历记事本,学籍管理系统,计算器,画图程序.其他的也可以.现需要两个程序,谢谢大家!

解析:

import java.io.*

import java.util.Calendar

import java.awt.*

import java.awt.event.*

import javax.swing.*

public class NoteBook extends JFrame implements ActionListener,ItemListener,WindowListener,MouseListener{

Container c = this.getContentPane()

JMenuBar jmb = new JMenuBar()

JColorChooser jcc = new JColorChooser()

JMenu jm1 = new JMenu("文件(F)")

JMenu jm2 = new JMenu("编辑(E)")

JMenu jm3 = new JMenu("格式(O)")

JMenu jm4 = new JMenu("查看(V)")

JMenu jm5 = new JMenu("帮助(H)")

JMenuItem jmi1 = new JMenuItem("新建(N)")

JMenuItem jmi2 = new JMenuItem("打开(O)")

JMenuItem jmi3 = new JMenuItem("保存(S)")

JMenuItem jmi4 = new JMenuItem("退出(X)")

JMenuItem jmi5 = new JMenuItem("撤消(U)")

JMenuItem jmi6 = new JMenuItem("复制(C)")

JMenuItem jmi7 = new JMenuItem("粘贴(P)")

JMenuItem jmi8 = new JMenuItem("剪切(T)")

JMenuItem jmi12 = new JMenuItem("日期和时间")

JMenuItem jmi9 = new JMenuItem("字体(E)")

JCheckBoxMenuItem jcbmi = new JCheckBoxMenuItem("自动换行(W)")

JMenuItem jmi10 = new JMenuItem("删除(S)")

JMenuItem jmi11 = new JMenuItem("背景颜色(H)")

JTextArea jta = new JTextArea(15,15)

JScrollPane jsp = new JScrollPane(jta)

PupolMenu pm = new Pupolmenu()

NoteBook(){

this.addWindowListener(this)

c.setLayout(new BorderLayout())

c.add(jmb,BorderLayout.NORTH)

this.setTitle("新建 文本文档")

jmb.add(jm1)

jm1.setMnemonic('f')

jm1.addActionListener(this)

jmb.add(jm2)

jm2.setMnemonic('e')

jmb.add(jm3)

jm3.setMnemonic('o')

jmb.add(jm4)

jm4.setMnemonic('v')

jmb.add(jm5)

jm5.setMnemonic('h')

jm1.add(jmi1)

jmi1.addActionListener(this)

jmi1.setAccelerator(KeyStroke.getKeyStroke('N',Event.CTRL_MASK,false))

jm1.addSeparator()

jm1.add(jmi2)

jmi2.setAccelerator(KeyStroke.getKeyStroke('O',Event.CTRL_MASK,false))

jmi2.addActionListener(this)

jm1.addSeparator()

jm1.add(jmi3)

jmi3.setAccelerator(KeyStroke.getKeyStroke('S',Event.CTRL_MASK,false))

jmi3.addActionListener(this)

jm1.addSeparator()

jm1.add(jmi4)

jmi1.setMnemonic('n')

jmi2.setMnemonic('o')

jmi3.setMnemonic('s')

jmi4.setMnemonic('x')

jmi4.addActionListener(this)

jm2.add(jmi5)

jm2.addSeparator()

jm2.add(jmi6)

jm2.addSeparator()

jm2.add(jmi7)

jm2.addSeparator()

jm2.add(jmi8)

jm2.add(jmi12)

jmi12.addActionListener(this)

jm3.add(jcbmi)

jcbmi.addItemListener(this)

jm3.addSeparator()

jm3.add(jmi9)

jm4.add(jmi10)

jmi10.addActionListener(this)

jm5.add(jmi11)

jmi11.addActionListener(this)

c.add(jsp)

this.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE)

this.setSize(500,500)

this.setVisible(true)

}

public void actionPerformed(ActionEvent e){

if(e.getSource()==jmi1){

jta.setText("")

this.setTitle("无标题 - 记事本")

}

if(e.getSource()==jmi2){

File f1

JFileChooser jfc1 = new JFileChooser()

int num1 = jfc1.showOpenDialog(this)

if(num1==JFileChooser.APPROVE_OPTION){

try{

f1 = jfc1.getSelectedFile()

this.setTitle(f1.getName())

FileReader fr = new FileReader(f1)

BufferedReader br = new BufferedReader(fr)

String str

while((str = br.readLine())!=null){

jta.setText(str)

}

fr.close()

br.close()

}catch(FileNotFoundException e1){

e1.printStackTrace()

}catch(IOException e2){

e2.printStackTrace()

}

}

}

if(e.getSource()==jmi3){

File f2 = null

JFileChooser jfc2 = new JFileChooser()

int num2 = jfc2.showSaveDialog(this)

if(num2==JFileChooser.APPROVE_OPTION){

f2=jfc2.getSelectedFile()

this.setTitle(f2.getName())

try{

FileWriter fw = new FileWriter(f2)

BufferedWriter bw = new BufferedWriter(fw)

bw.write(jta.getText())

bw.close()

fw.close()

}catch(IOException e2){

e2.printStackTrace()

}

}

}

if(e.getSource()==jmi4){

int a = JOptionPane.showConfirmDialog(this,"文件已被改变,是否要保存?","提示",JOptionPane.YES_NO_CANCEL_OPTION)

if(a==1){

this.dispose()

}else if(a==0){

File f2 = null

JFileChooser jfc2 = new JFileChooser()

int num2 = jfc2.showSaveDialog(this)

if(num2==JFileChooser.APPROVE_OPTION){

f2=jfc2.getSelectedFile()

this.setTitle(f2.getName())

try{

FileWriter fw = new FileWriter(f2)

BufferedWriter bw = new BufferedWriter(fw)

bw.write(jta.getText())

bw.close()

fw.close()

}catch(IOException e2){

e2.printStackTrace()

}

this.dispose()

}

}

}

if(e.getSource()==jmi12){

Calendar c1 =Calendar.getInstance()

int y = c1.get(Calendar.YEAR)

int m = c1.get(Calendar.MONTH)

int d = c1.get(Calendar.DATE)

int h = c1.get(Calendar.HOUR)

int m1 = c1.get(Calendar.MINUTE)

int m2 = m+1

jta.setText(y+"年"+m2+"月"+d+"日"+h+":"+m1)

}

if(e.getSource()==jmi11){

Color ccc = JColorChooser.showDialog(this,"color",Color.BLACK)

jta.setSelectedTextColor(ccc)

jta.setBackground(ccc)

}

if(e.getSource()==jmi10){

jta.replaceRange("",jta.getSelectionStart(),jta.getSelectionEnd())

}

}

public void itemStateChanged(ItemEvent e2){

if(e2.getItemSelectable()==jcbmi){

jta.setLineWrap(true)

}else

jta.setLineWrap(false)

}

public static void main(String[] args){

new NoteBook()

}

public void windowOpened(WindowEvent arg0) {

}

public void windowClosing(WindowEvent arg0) {

int a = JOptionPane.showConfirmDialog(this,"文件已被改变,是否要保存?","提示",JOptionPane.YES_NO_CANCEL_OPTION)

if(a==1){

this.dispose()

}else if(a==0){

File f2 = null

JFileChooser jfc2 = new JFileChooser()

int num2 = jfc2.showSaveDialog(this)

if(num2==JFileChooser.APPROVE_OPTION){

f2=jfc2.getSelectedFile()

this.setTitle(f2.getName())

try{

FileWriter fw = new FileWriter(f2)

BufferedWriter bw = new BufferedWriter(fw)

bw.write(jta.getText())

bw.close()

fw.close()

}catch(IOException e2){

e2.printStackTrace()

}

}

if(a==2){

????/????????????????????????????????????????????????????????????????

}

}

}

public void windowClosed(WindowEvent arg0) {

}

public void windowIconified(WindowEvent arg0) {

TODO Auto-generated method stub

}

public void windowDeiconified(WindowEvent arg0) {

TODO Auto-generated method stub

}

public void windowActivated(WindowEvent arg0) {

TODO Auto-generated method stub

}

public void windowDeactivated(WindowEvent arg0) {

TODO Auto-generated method stub

}

public void mouseClicked(MouseEvent arg0) {

TODO Auto-generated method stub

}

public void mousePressed(MouseEvent arg0) {

TODO Auto-generated method stub

}

public void mouseReleased(MouseEvent arg0) {

TODO Auto-generated method stub

}

public void mouseEntered(MouseEvent arg0) {

TODO Auto-generated method stub

}

public void mouseExited(MouseEvent arg0) {

TODO Auto-generated method stub

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11672867.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存