java如何在2048中实现时间

java如何在2048中实现时间,第1张

java编写时钟程序_Java实现时钟小程序 原创

2021-02-17 00:47:37

无可就是九头鸟

码龄6年

关注

哎,好久没上博客园发东西了,上一次还是两个月前的五一写的一篇计算器博客,不过意外的是那个程序成了这学期的Java大作业,所以后来稍微改了一下那个程序就交了上去,这还是美滋滋。然后五月中旬的时候写了一个2048小游戏,由于写完第二个版本第二天就生病了,休养了好几天才缓过来,最后嫌麻烦就没发园子里了,直接挂Github上了。然后又忙着准备期末,期末玩休息了5天又开始数据库课程设计,用Java写了一个小系统,花了一个星期左右,写了差不多3500行了。然后写完就放学了,放学的日子就感觉自己开始懒散了,静不下心来写东西,每天睡觉,看一些无聊的视频。。。前几天算是缓过神来,找回了脑子,于是又开始想着在放弃Java之前再多写一点东西,于是花了两个下午写了一个时钟,感觉看着还行。

-----------------------------------以下是正经话-----------------------------------

其实这个程序并不难,主要是用Java 2D画图,弄一个线程,每隔一秒,依照时针分针秒针各自的速度重新计算它们走过的角度(相对12点方向顺时针偏离的角度),利用这个角度算出它们各自端点的坐标,重绘一次表针,达到刷新的目的,最后时限走动的效果,思路很简单,清晰明了。但是关键是这个画图呀,想着很容易,重写继承过来的JFrame里的paint函数就行,最后发现效果并不是期待的那样,而是一闪一闪的,于是去寻找原因,结果,尼玛,原来水这么深,一下子触到了知识盲区,什么repaint的实现细节,先调用update,再调用paint,update函数又是如何工作的,慢慢弄懂了它为什么会一闪一闪的原因,然后寻找解决办法,然后就看到了什么双缓冲原理,WTF!什么玩意呀,根本没听过,然后乖乖地去看那东西的实现原理,又看到有人建议不要去重写paint方法,说是会遇到诸多意想不到的问题,建议去重写paintComponent方法,可是书本上画图的例子都是重写paint方法呀,况且我也没听过paintComponent,无奈,又去看了一下paint的工作原理,原来它会调用paintComponent,最后放弃了自己实现双缓冲,乖乖改用了paintComponent。。。

其实我还遇到了几个脑残的问题,比如在画秒针时,直接把画时针的部分代码复制下来,最后忘了改掉走动的速度,结果运行时还在想秒针怎么走不动呢?原谅我是个逗逼,还有什么秒针逆时针走动,最后才发现算坐标时误把y轴正方向当成了向上,哎。。。

Anyway,最后运行的效果还是挺好的

3c55d177347f0c89c364f17fe0859265.png

-----------------------------------以下是代码-----------------------------------

1 import java.awt.*2 importjava.util.Date3 import javax.swing.*4

5 public class Clock extendsJComponent{6 /**

7 *8 */

9 private static final long serialVersionUID = -5379472973578609775L10 private Font f = new Font("微软雅黑",Font.PLAIN,15)11 private Font f2 = new Font("微软雅黑",Font.BOLD,15)12 private JLabel l = new JLabel("当前时间:")13 private JLabel display = newJLabel()14 private JLabel display2 = new JLabel("")15 private int hour = 016 private int min = 017 private int sec = 018 private Date now = newDate()19 privateGraphics2D g20 final double PI =Math.PI21 private String strTime = ""22

23 @SuppressWarnings("deprecation")24 publicClock(){25 add(l)26 l.setBounds(120, 320, 80, 20)27 l.setFont(f)28 add(display)29 display.setBounds(195, 320, 80, 20)30 display.setFont(f)31 display.setBorder(BorderFactory.createLineBorder(Color.black))32 add(display2)33 display2.setBounds(90, 350, 250, 20)34 display2.setFont(f)35 hour =now.getHours()36 min =now.getMinutes()37 sec =now.getSeconds()38 setVisible(true)39 }40

41 public voidpaintComponent(Graphics g1){42 doublex,y43 super.paintComponent(g1)44 g =(Graphics2D) g145 //反锯齿开关开

46 g.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON)47

48 //画表盘

49 g.setPaint(new GradientPaint(5,40,Color.blue,15,50,Color.yellow,true))50 g.setStroke( new BasicStroke(3,BasicStroke.CAP_BUTT,BasicStroke.JOIN_BEVEL))51 g.drawOval(75, 40, 250, 250)52 g.fillOval(195, 160, 10, 10)53 g.setColor(Color.black)54

55 //画60个点

56 for(int i = 0i <60i++)57 {58 double[] co = new double[2]59 co = paint_Dot(i * 2 * PI / 60)60 x = co[0]61 y = co[1]62 if(i == 0 || i == 15 || i == 30 || i == 45)//画3,6,9,12四个大点

63 {64 g.fillOval((int)(x - 5 + 200),(int)(y - 5 + 165),10,10)65 }66 else//其他小点

67 {68 g.fillOval((int)(x - 2.5 + 200),(int)(y - 2.5 + 165),5,5)69 }70 }71

72 //画四个数字

73 g.setFont(f2)74 g.drawString("3", 300, 171)75 g.drawString("6", 195, 273)76 g.drawString("9", 91, 171)77 g.drawString("12", 190, 68)78

79 //画时针,分针,秒针

80 paint_HourPointer(hour*3600 + min*60 + sec,g)//时针走过的秒数

81 paint_MinutePointer(min*60 + sec,g)//分针走过的秒数

82 paint_SecondPointer(sec,g)//秒针走过的秒数

83 }84

85 public voidshowUI(){86 newThread() {87 @SuppressWarnings("deprecation")88 public voidrun() {89 while (true)90 {91 now = newDate()92 hour =now.getHours()93 min =now.getMinutes()94 sec =now.getSeconds()95 try{96 Thread.sleep(1000)97 } catch(InterruptedException ex) {98 ex.printStackTrace()99 }100 showTime()101 repaint()102 }103 }104 }.start()105 }106

107 public void paint_HourPointer(int second,Graphics2D g){//second表示当前时间的时针相对00:00:00走了多少秒

108 doublex,y,angle109 angle = second * PI / 21600//时针的速度为PI/21600 (rad/s)

110 x = 200 + 60 *Math.sin(angle)111 y = 165 - 60 *Math.cos(angle)112 g.setStroke( new BasicStroke(5,BasicStroke.CAP_BUTT,BasicStroke.JOIN_ROUND))113 g.setPaint(new GradientPaint(200,165,Color.red,260,165,Color.blue,true))114 g.drawLine(200, 165, (int)x, (int)y)115 }116

117 public void paint_MinutePointer(int second,Graphics2D g){//second表示当前时间的分针相对00:00:00走了多少秒

118 doublex,y,angle119 angle = second * PI / 1800//分针的速度为PI/1800 (rad/s)

120 x = 200 + 80 *Math.sin(angle)121 y = 165 - 80 *Math.cos(angle)122 g.setStroke( new BasicStroke(3,BasicStroke.CAP_BUTT,BasicStroke.JOIN_ROUND))123 g.setPaint(new GradientPaint(200,165,Color.magenta,280,165,Color.blue,true))124 g.drawLine(200, 165, (int)x, (int)y)125 }126

127 public void paint_SecondPointer(int second,Graphics2D g){//second表示当前时间的秒针相对00:00:00走了多少秒

128 doublex,y,x1,y1,x2,y2,x3,y3,angle129 double cos = 90 / Math.sqrt(8125)//90*90+5*5

130 double sin = 5 / Math.sqrt(8125)131 angle = second * PI / 30//时针的速度为PI/30 (rad/s)

132 x = 200 + 95 *Math.sin(angle)133 y = 165 - 95 *Math.cos(angle)134 x1 = 200 + 20 * Math.sin(angle +PI)135 y1 = 165 - 20 * Math.cos(angle +PI)136 x2 = 200 + Math.sqrt(8125)* ( Math.sin(angle)*cos - Math.cos(angle)*sin )//sin(a-b)

137 y2 = 165 - Math.sqrt(8125)* ( Math.cos(angle)*cos + Math.sin(angle)*sin )//cos(a-b)

138 x3 = 200 + Math.sqrt(8125)* ( Math.sin(angle)*cos + Math.cos(angle)*sin )//sin(a+b)

139 y3 = 165 - Math.sqrt(8125)* ( Math.cos(angle)*cos - Math.sin(angle)*sin )//cos(a+b)

140 g.setStroke( new BasicStroke(2,BasicStroke.CAP_BUTT,BasicStroke.JOIN_BEVEL))141 g.setPaint(new GradientPaint(180,165,Color.CYAN,295,165,Color.MAGENTA,true))142 g.drawLine((int)x1, (int)y1, (int)x, (int)y)143 g.drawLine((int)x2, (int)y2, (int)x, (int)y)144 g.drawLine((int)x3, (int)y3, (int)x, (int)y)145 }146

147 public double[] paint_Dot(doubleangle){148 double[] co = new double[2]149 co[0] = 115 * Math.cos(angle)//横坐标

150 co[1] = 115 * Math.sin(angle)//纵坐标

151 returnco152 }153

154 @SuppressWarnings("deprecation")155 private voidshowTime(){156 String date157 int hour_temp = hour,min_temp = min,sec_temp =sec158 sec_temp += 1159 if(sec_temp >= 60)160 {161 sec_temp = 0162 min_temp += 1163 }164 if(min_temp>=60){165 min_temp=0166 hour_temp+=1167 }168 if(hour_temp <10)169 strTime = "0" + hour_temp + ":"170 else

171 strTime = "" + hour_temp + ":"172

173 if(min_temp <10)174 strTime = strTime + "0" + min_temp + ":"175 else

176 strTime = strTime + "" + min_temp + ":"177

178 if(sec <10)179 strTime = strTime + "0" +sec_temp180 else

181 strTime = strTime + "" +sec_temp182 //在窗体上设置显示时间

183 date = " " + (now.getYear()+1900) + "年" + (now.getMonth()+1) + "月" + now.getDate() + "日 " + "星期"184 switch(now.getDay()) {185 case 1:186 date += "一"187 break188 case 2:189 date += "二"190 break191 case 3:192 date += "三"193 break194 case 4:195 date += "四"196 break197 case 5:198 date += "五"199 break200 case 6:201 date += "六"202 break203 case 7:204 date += "日"205 break206 }207 date += " CST"208 strTime = " " +strTime209 display.setText(strTime)210 display2.setText(date)211 }212

213 public static voidmain(String args[]){214 Clock c = newClock()215 c.showUI()216 JFrame f = new JFrame("Clock By XJX")217 Image img=Toolkit.getDefaultToolkit().getImage("title.gif")//窗口图标

218 f.setIconImage(img)219 f.setSize(400,400)220 f.setResizable(false)221 f.add(c, BorderLayout.CENTER)222 f.setLocationRelativeTo(null)223 f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)224 f.setVisible(true)225 }226 }

相关资源:...仿真和代码)_51单片机做实时时钟显示-小程序文档类资源-CSDN文库

文章知识点与官方知识档案匹配

Java技能树首页概览

91513 人正在系统学习中

打开CSDN APP,看更多技术内容

不会编程也能亲手编写一个桌面数字小时钟程序,仅3步轻松实现_程序员笑...

第一步 打开电脑自带的记事本并编写以下脚本。 源码: @echo off Title 小时钟丨编程狮(w3cschool.cn) @mode con cols=50lines=5color00:main cls echo.echo 时间:%time%echo.echo 日期:%date%echo.ping-n20.0.0.0>nulgotomain ...

继续访问

OpenGL织梦之旅【第二章】编写一个的钟表程序_plusplus7的博客-CSDN...

在配置好了glut环境以后,运行了第一个opengl程序以后,我们现在就来尝试编写一个实用一点的程序——时钟程序。 如图: 制作这样一个程序,对于初学者来说,感觉上或许很难,但是只要我们一步一步地慢慢来,总会有熟练掌握的那一天。“包子要...

继续访问

Java时钟程序(绘制了一个带时针 分针 秒针的仿真时钟)

这是我自己写的一个java时钟程序 当然你可以自己改动 喜欢就拿去吧

Java时钟小程序

Java时钟小程序,可以显示出当前的系统时间,

java 钟_JAVA时钟 - 代码块 - 扣丁书屋 - https://www.codingsky.com

import javax.swing.*import java.awt.*import java.util.*import java.lang.Threadimport java.text.DecimalFormatpublic class DongClock extends JPanel {/*** @param args*/private int hourprivate int m...

继续访问

使用eclipse设计开发的安卓软件,闹钟定时器

使用eclipse开发的安卓软件--闹钟定时器,学生开发的小作业。 学生党可以下载参考的软件,首次学习,还在很多的不足,不喜勿喷,谢谢!

java 电子时钟_Java电子时钟实现代码

用Java编写一个程序,实现动态的文字时钟,以秒计时。知识点:1、线程(Thread)2、Applet类:它最先执行iniy()方法,完成后进入初始态;然后马上执行start()方法,Applet程序进入运行状态;线程也在start()中被启动,然后执行run()中的内容。当Applet程序所在的浏览器图标化或者转入其他页面时,Applet程序马上执行stop()方法3、Java不像C++,只能...

继续访问

java时钟_Java实现时钟小程序

哎,好久没上博客园发东西了,上一次还是两个月前的五一写的一篇计算器博客,不过意外的是那个程序成了这学期的Java大作业,所以后来稍微改了一下那个程序就交了上去,这还是美滋滋。然后五月中旬的时候写了一个2048小游戏,由于写完第二个版本第二天就生病了,休养了好几天才缓过来,最后嫌麻烦就没发园子里了,直接挂Github上了。然后又忙着准备期末,期末玩休息了5天又开始数据库课程设计,用Java写了一个小...

继续访问

java 简易时钟

简易时钟演示图一、界面设计二、获取时间与设置时间三、完整代码总结 演示图 非常质朴的时钟 一、界面设计 JFrame app=new JFrame("电子闹钟")Container c=app.getContentPane()//设置一个面板容器 面板为初始设置面板 JLabel clock=new JLabel("电子闹钟")clock.setHorizontalTextPosition(JLabel.CENTER)/.

继续访问

时钟程序设计java_Java数字时钟实现代码详解

这是一个数字钟表程序,主要功能是从系统中获取当前的系统时间然后再将其显示在数字时钟上,由于整个的数字时钟都是用函数构成的,所以它可以实现一般的数 字时钟所不具有的功能,比如说它可以被鼠标指针拖动到窗口的任意位置,除此之外它还可以实现钟表大小随鼠标滚轮的滚动而变大变小的 *** 作。package TheClockimport java.awt.*import javax.swing.*import ...

继续访问

钟表java程序教程 创建_JAVA--编写时钟的程序

代码如下:import java.awt.*import java.text.DateFormatimport java.util.*import javax.swing.*public class ClockDemo extends JFrame implements Runnable{Thread clockfinal int Xpoint=180final int Ypoint=...

继续访问

java时钟代码_JAVA实现时钟

时钟题目内容:在课程所给的时钟程序的基础上修改。这一周的编程题是需要你在课程所给的时钟程序的基础上修改而成。但是我们并不直接给你时钟程序的代码,请根据视频自己输入时钟程序的Display和Clock类的代码,然后来做这个题目。我们需要给时钟程序加上一个表示秒的Display,然后为Clock增加以下public的成员函数:public Clock(int hour, int minute, int...

继续访问

JAVA实现时钟

时钟 题目内容: 在课程所给的时钟程序的基础上修改。 这一周的编程题是需要你在课程所给的时钟程序的基础上修改而成。但是我们并不直接给你时钟程序的代码,请根据视频自己输入时钟程序的Display和Clock类的代码,然后来做这个题目。 我们需要给时钟程序加上一个表示秒的Display,然后为Clock增加以下public的成员函数: public Clock(int hour, i...

继续访问

java gui 做闹钟,用JAVA怎样编写一个可以在eclipse中运行的闹钟程序?

首先java程序的运行你需要下载和安装JDK,这是java运行的必备环境。首先你要在桌面上找到是eclipes,双击打开。在eclipes启动的过程中,会d出一个窗口,让你填写java工作区的保存目录,在这个目录下会保存你写的所有的源代码文件,小编建议你不要把工作区放在C盘,你如果重装系统的话,源代码就会全部损失。ecplies启动完成之后,会有一个欢迎页面,这个不用管,直接点击左上方的差号,取消...

继续访问

自定义时钟控件

通过继承View类,我们可以自定义自己需求的复杂控件。本例实现了一个自定义的时钟。 效果如下: 代码如下: package com.example.testimport java.util.Calendarimport android.content.Contextimport android.graphics.Bitmapimport android.gra

继续访问

java时钟课程设计,Java课程设计-时钟图形模拟

《Java课程设计-时钟图形模拟》由会员分享,可在线阅读,更多相关《Java课程设计-时钟图形模拟(19页珍藏版)》请在人人文库网上搜索。1、课 程 设 计 任 务 书专 业通信工程班 级13级四班姓 名张凯铭设 计 起 止 日 期设计题目:时钟图形模拟设计任务(主要技术参数):硬件环境:CPU:Pentium 2.8GHz以上 内存:256MB以上 硬盘空间:80G以上软件环境:(1) *** 作系统:...

继续访问

最新发布 用Java编写一个时钟

public class Display { private int value=0private int limate=0public void increase() { value++if(value==limate) { value=0} } public int getvalue() { return value} Display(int limate){ this.limate=limate} } public clas.

继续访问

java编写时钟程序_Java编写时钟 Applet 程序

简单分析:package clockAppletimport java.applet.Appletimport java.awt.Colorimport java.awt.Graphicsimport java.util.Calendarimport java.util.GregorianCalendarpublic class ClockApplet extends Applet i...

继续访问

java 画图板源代码_非常值得学习的java 绘图板源代码

package minidrawpadimport java.awt.BasicStrokeimport java.awt.Colorimport java.awt.Fontimport java.awt.Graphics2Dimport java.io.Serializable//图形绘制类 用于绘制各种图形//父类,基本图形单元,用到串行的接口,保存使用到//公共的属性放到超类中,...

继续访问

Eclipse编写的Android数字时钟应用实例(用新建Runnable的方法)

Eclipse V4.2.0用新建Runnable的方法编写的Android数字时钟应用实例。

java时钟日历_java日历时钟小程序

java日历时钟小程序 java日历时钟小程序 Java时钟程序,按类粘贴至编译器编译即可使用。 import java.awt.BorderLayoutimport java.awt.Colorimport java.awt.GridLayoutimport java.awt.event.ActionEventimport java.awt.event.ActionListene...

继续访问

java显示一个钟表_java实现时钟效果

本文实例为大家分享了java实现时钟效果的具体代码,供大家参考,具体内容如下实现效果如图:Java代码:文件一:ClockPanel.javaimport static java.util.Calendar.HOURimport static java.util.Calendar.MILLISECONDimport static java.util.Calendar.MINUTEimport...

继续访问

时钟程序很难做吗

java编写时钟程序

iOS 除了官方的推送服务,有其他的第三方服务吗?

iOS 是没有第三方推送的,从苹果服务器到 iOS 设备的推送路径是唯一的,需要在 iOS 端用 SDK 提供的 API 实现一些逻辑,同时在自己的服务器端按苹果的规格实现与苹果服务器通信的通信。不过,...

芝士回答

留住你的用户:8款第三方移动推送服务-皎阳-博客园

推送服务,华为,百度,亚马逊,极光推送,个推,聚能推,Urban Airship,Appoxee 开发者最不愿看到的就是,最初苦心经营的用户不断流失。有统计显示,做了Push的应用的留存率,是没

博客园2015-12-08

哪些APP是你的换机必备-换机必备实用软件推荐-Iefans

手机里保存了很多我们的使用痕迹,游玩拍摄的照片,保存的通讯录,还有微信聊天记录等,都可以通过换机必备APP一键传输哦。

IE浏览器中文网站2021-01-22

2022换机必备软件推荐合集-有哪些免费的换机软件-手游之家

2022 必备软件推荐:当我们需要换手机的时候,也不要忘记将手机中的数据进行转移哦,该平台就是你换机时必备的工具,一键就可以将自己需要的数据内容快速的进行传输,直接将旧手机中的重要文件...

手游之家

四月交付回暖、OS 2.0开启推送、补能网络扩建,极氪的2022工作计划-腾讯内容开放平台

极氪 OS 2.0 版本正式推送,包含了期待已久的 ZAD 智能驾驶辅助系统。就在今天,2022 年极氪的第二次直播面对面,在杭州举行。这次极氪把重点放在「汇报工作进度」上,包括 极氪补能体系的覆盖...

腾讯网2022-03-28

急死了,等等党求拿主意【wp7吧】百度贴吧

小米的推送服务是支持最多的 华为的除了阿里系,其他少的可怜 肯定是v20 红米除了全面屏 其他任何一点都被打爆 这个应该是看应用的吧 我的emui也一大堆呀 k20p。emui真不咋地 接着等,两个都会...

百度贴吧2020-05-10

补上!如果你错过了海淀娃人手一个的听力“神器”

小程序一键推送资源库: 点击倾听者首页的【微信小程序】,就可以扫码进入小程序界面,之后的所有 *** 作,都在家长的手机上进行。点击小程序中的【资源中心】: 是不是超级简单~ 我放一个 *** 作小...

ZAKER新闻2022-11-30

【郡县热点】全国秋粮收购量预计达1.85亿吨;天津助力121个脱贫村实现全方位振兴;​江西超95%县市区出现特重气象干旱-腾讯内容开放平台

线上,天台县妇联开通“每日一学”学习专栏,定期推送家教育儿、亲子阅读等各种家庭教育相关知识;线下,天台县妇联利用和合姊妹、南山表嫂“土话讲”宣讲团、洪娘子巾帼志愿服务队等各类服务...

腾讯网2022-09-21

搞机助手(Android手机刷机恢复辅助)下载-搞机助手(Android手机刷机恢复辅助)免费版下载v4.8.6-软件爱好者

搞机助手是安卓手机终端的完善刷机服务,带有高级重启,安装应用,文件推送,内核提取,Rec进入,基带更换,线刷工具等多数搞机圈层面的信息对应到常规数据服务上的高效优化,这样就能突出整个...

游戏爱好者2022-07-03

智机网|WFUN.COM|Win11论坛|WP论坛

智机网建站于2010年7月,是国内Windows通用平台相关的专业垂直门户,智机网论坛一直是国内人气最高的UWP/WP10论坛/WM10/Win10手机论坛。

www.wpxap.com

11-20条

什么值得买 官方WP8移动端 v1.1版-什么值得买

推送定制分类全新优化,助您第一时间抢到“心头好”。优化详情页面滑动功能,彻底杜绝误 *** 作。增加客户端签到功能,客户端签到可每天额外获得3积分 优化图片展示方式,提升性能并节省流量。可...

什么值得买

你的手机被监控?很多APP功能太强大,你说过的内容马上就被推送

你的手机可能会泄露你的秘密,小编经常除了补机推送还有什么iOS 除了官方的推送服务,有其他的第三方服务吗?

iOS 是没有第三方推送的,从苹果服务器到 iOS 设备的推送路径是唯一的,需要在 iOS 端用 SDK 提供的 API 实现一些逻辑,同时在自己的服务器端按苹果的规格实现与苹果服务器通信的通信。不过,...

芝士回答

留住你的用户:8款第三方移动推送服务-皎阳-博客园

推送服务,华为,百度,亚马逊,极光推送,个推,聚能推,Urban Airship,Appoxee 开发者最不愿看到的就是,最初苦心经营的用户不断流失。有统计显示,做了Push的应用的留存率,是没

博客园2015-12-08

哪些APP是你的换机必备-换机必备实用软件推荐-Iefans

手机里保存了很多我们的使用痕迹,游玩拍摄的照片,保存的通讯录,还有微信聊天记录等,都可以通过换机必备APP一键传输哦。

IE浏览器中文网站2021-01-22

2022换机必备软件推荐合集-有哪些免费的换机软件-手游之家

2022 必备软件推荐:当我们需要换手机的时候,也不要忘记将手机中的数据进行转移哦,该平台就是你换机时必备的工具,一键就可以将自己需要的数据内容快速的进行传输,直接将旧手机中的重要文件...

手游之家

四月交付回暖、OS 2.0开启推送、补能网络扩建,极氪的2022工作计划-腾讯内容开放平台

极氪 OS 2.0 版本正式推送,包含了期待已久的 ZAD 智能驾驶辅助系统。就在今天,2022 年极氪的第二次直播面对面,在杭州举行。这次极氪把重点放在「汇报工作进度」上,包括 极氪补能体系的覆盖...

腾讯网2022-03-28

急死了,等等党求拿主意【wp7吧】百度贴吧

小米的推送服务是支持最多的 华为的除了阿里系,其他少的可怜 肯定是v20 红米除了全面屏 其他任何一点都被打爆 这个应该是看应用的吧 我的emui也一大堆呀 k20p。emui真不咋地 接着等,两个都会...

百度贴吧2020-05-10

补上!如果你错过了海淀娃人手一个的听力“神器”

小程序一键推送资源库: 点击倾听者首页的【微信小程序】,就可以扫码进入小程序界面,之后的所有 *** 作,都在家长的手机上进行。点击小程序中的【资源中心】: 是不是超级简单~ 我放一个 *** 作小...

ZAKER新闻2022-11-30

【郡县热点】全国秋粮收购量预计达1.85亿吨;天津助力121个脱贫村实现全方位振兴;​江西超95%县市区出现特重气象干旱-腾讯内容开放平台

线上,天台县妇联开通“每日一学”学习专栏,定期推送家教育儿、亲子阅读等各种家庭教育相关知识;线下,天台县妇联利用和合姊妹、南山表嫂“土话讲”宣讲团、洪娘子巾帼志愿服务队等各类服务...

腾讯网2022-09-21

搞机助手(Android手机刷机恢复辅助)下载-搞机助手(Android手机刷机恢复辅助)免费版下载v4.8.6-软件爱好者

搞机助手是安卓手机终端的完善刷机服务,带有高级重启,安装应用,文件推送,内核提取,Rec进入,基带更换,线刷工具等多数搞机圈层面的信息对应到常规数据服务上的高效优化,这样就能突出整个...

游戏爱好者2022-07-03

智机网|WFUN.COM|Win11论坛|WP论坛

智机网建站于2010年7月,是国内Windows通用平台相关的专业垂直门户,智机网论坛一直是国内人气最高的UWP/WP10论坛/WM10/Win10手机论坛。

www.wpxap.com

11-20条

什么值得买 官方WP8移动端 v1.1版-什么值得买

推送定制分类全新优化,助您第一时间抢到“心头好”。优化详情页面滑动功能,彻底杜绝误 *** 作。增加客户端签到功能,客户端签到可每天额外获得3积分 优化图片展示方式,提升性能并节省流量。可...

什么值得买

你的手机被监控?很多APP功能太强大,你说过的内容马上就被推送

你的手机可能会泄露你的秘密,小编经常除了补机推送还有什么

曾坤的微信小程序

开发技术与运营推广技巧

博客园 首页 联系 管理 随笔 - 17 文章 - 0 评论 - 2 阅读 - 73832

资讯类正文内容的折叠与展开(自创超简单方法)

自己开发的一个资讯类小程序,其中要用到正文内容的折叠与展开功能,百度搜了N回,发现大部分文章介绍的方法都千篇一律,都是采用以下代码实现的:

display: -webkit-box/*关键属性*/

-webkit-box-orient: vertical/* 关键属性 */

-webkit-line-clamp:6/* 关键属性 */

overflow: hidden/* 关键属性 */

text-overflow:ellipsis/* 超出内容显示省略号*/

但自己用上去以后,发现问题多多,<p></p>标记无法识别,每篇文章载取的高度都不一样,不是我要的效果。

整理了一下自己的思路,发现不难,马上动手,发现很少的代码就实现了:

首先,在js文件中加上以下代码:

page({

data:{

content_height:680, //这边设置一下正文区域默认显示的高度

ishiddenAllbtn:false //是否隐藏“显示全文”按钮区域

},

showAll: function () {

this.setData({

content_height: '100%', //点击“显示全文”后的高度(显示文章全文高度)

ishiddenAllbtn:true //隐藏“显示全文”按钮区域

})

},

})

在wxml文件中加上:

<view class="content" style='height:{{content_height}}px'>

<template is="wxParse" data="{{wxParseData:content.nodes}}"/>

</view>

<view class='showAll' bindtap='showAll' hidden='{{ishiddenAllbtn}}'>显示全文</view>

分类: 开发技术

好文要顶 关注我 收藏该文

来来趣趣

粉丝 - 0 关注 - 0

+加关注

0 0

« 上一篇: 获取远程资源提示msxml3.dll指定资源下载失败

» 下一篇: 从数据表中列出某字段不重复的所有列的数据

posted @ 2019-01-10 13:44 来来趣趣 阅读(441) 评论(0) 编辑 收藏 举报

刷新评论刷新页面返回顶部

登录后才能查看或发表评论,立即 登录 或者 逛逛 博客园首页

编辑推荐:

· [深度思考]如何优雅的校验参数?

· 生产事故-错误密钥引发的接口通信问题

· 记一次 .NET 某安全生产信息系统 CPU 爆高分析

· 一次 TiDB GC 阻塞引发的性能问题分析

· 现代 CSS 高阶技巧,不规则边框解决方案

阅读排行:

· 手把手教你玩转 Excel 数据透视表

· 学习.NET MAUI Blazor(二)、MAUI是个啥

· 如何做好一款管理后台框架

· 2022年总结

· .NET周报【12月第3期 2022-12-23】

公告

昵称: 来来趣趣

园龄: 4年3个月

粉丝: 0

关注: 0

+加关注

< 2022年12月 >

日 一 二 三 四 五 六

27 28 29 30 1 2 3

4 5 6 7 8 9 10

11 12 13 14 15 16 17

18 19 20 21 22 23 24

25 26 27 28 29 30 31

1 2 3 4 5 6 7

搜索

常用链接

我的随笔

我的评论

我的参与

最新评论

我的标签

随笔分类

开发技术(14)

随笔档案

2020年9月(1)

2020年8月(3)

2019年3月(1)

2019年2月(1)

2019年1月(2)

2018年11月(1)

2018年10月(6)

2018年9月(2)

链接

小程序社区

翡翠令

阅读排行榜

1. 如何让css中的background-image图片自适应(35621)

2. 如何让你的服务器对TLS1.2、1.1和1.0全支持(9193)

3. 如何让子div在父div盒子中贴底部显示(8699)

4. 微信小程序中如何让子view在view区域中水平垂直居中(7339)

5. 微信小程序,滑动页面到指定位置,固定元素在顶部(3093)

评论排行榜

1. 如何让css中的background-image图片自适应(1)

2. 如何让你的服务器对TLS1.2、1.1和1.0全支持(1)

推荐排行榜

1. 如何让css中的background-image图片自适应(4)

最新评论

1. Re:如何让css中的background-image图片自适应

学习了

--飞飞龙

2. Re:如何让你的服务器对TLS1.2、1.1和1.0全支持

代码?

--mackle

Copyright © 2022 来来趣趣

Powered by .NET 7.0 on Kubernetes


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

原文地址:https://www.54852.com/yw/7833369.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存