显示源代码,除了用highlight.js使代码高亮外,还要用什么才能使代码可折叠? -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

显示源代码,除了用highlight.js使代码高亮外,还要用什么才能使代码可折叠?

2016-06-12 11:59:02 3644 1

如题,我现在用了highlight.js,但是还没有达到想要的效果,比如这样:
screenshot
展开后:

1 package com.example.android_olympiclogo;
2 
3 import android.view.View;
4 import android.content.Context;
5 import android.graphics.BitmapFactory;
6 import android.graphics.Canvas;
7 import android.graphics.Color;
8 import android.graphics.Paint;
9 import android.graphics.Paint.Style;
10 
11 public class MyView extends View {
12 
13     public MyView(Context context) {
14         super(context);
15     }
16     
17     public void onDraw(Canvas canvas) {
18         
19         Paint paint_blue = new Paint();                        //绘制蓝色的环
20         paint_blue.setColor(Color.BLUE);
21         paint_blue.setStyle(Style.STROKE);
22         paint_blue.setStrokeWidth(10);        
23         canvas.drawCircle(110,150,60,paint_blue);
24         
25         Paint paint_yellow = new Paint();                //绘制黄色的环
26         paint_yellow.setColor(Color.YELLOW);
27         paint_yellow.setStyle(Style.STROKE);
28         paint_yellow.setStrokeWidth(10);
29         canvas.drawCircle((float)175.5, 210, 60, paint_yellow);
30         
31         Paint paint_black = new Paint();                   //绘制黑色的环
32         paint_black.setColor(Color.BLACK);
33         paint_black.setStyle(Style.STROKE);
34         paint_black.setStrokeWidth(10);
35         canvas.drawCircle(245, 150, 60, paint_black);
36         
37         Paint paint_green = new Paint();                  //绘制绿色的环
38         paint_green.setColor(Color.GREEN);
39         paint_green.setStyle(Style.STROKE);
40         paint_green.setStrokeWidth(10);
41         canvas.drawCircle(311, 210, 60, paint_green);
42         
43         Paint paint_red = new Paint();                       //绘制红色的环
44         paint_red.setColor(Color.RED);
45         paint_red.setStyle(Style.STROKE);
46         paint_red.setStrokeWidth(10);
47         canvas.drawCircle(380, 150, 60, paint_red);
48         
49         Paint paint_string = new Paint();                   //绘制字符串
50         paint_string.setColor(Color.BLUE);
51         paint_string.setTextSize(20);
52         canvas.drawText("Welcome to Beijing", 245, 310, paint_string);
53         
54         Paint paint_line = new Paint();                       //绘制直线
55         paint_line.setColor(Color.BLUE);
56         canvas.drawLine(240, 310, 425, 310, paint_line);
57         
58         Paint paint_text = new Paint();                      //绘制字符串
59         paint_text.setColor(Color.BLUE);
60         paint_text.setTextSize(20);
61         canvas.drawText("北京欢迎您", 275, 330, paint_text);
62         
63         //绘制福娃图片
64         canvas.drawBitmap(BitmapFactory.decodeResource(getResources(),R.drawable.fuwa), 35, 340, paint_line);
65     }
66 }

screenshot

支持可以折叠更好,能弄成与上面网页中的一模一样更好,现在我用的highlight.js的字体稍大了一些,请教各位要怎么搞。

取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:33:41

    折叠就别用插件了吧,两个div,一个放折叠后显示的代码,一个放折叠打开后要显示的代码,然后放个+和-的图标两个DIV之间来回切换即可

    0 0
相关问答

1

回答

editplus引入jquery ui custom页面调试总是报错,显示无法找?报错

2020-06-23 20:29:07 250浏览量 回答数 1

1

回答

来自Twitter的自动文字补齐jQuery插件 - Typeahead.js 主要特性? 报错

2020-06-04 21:21:05 375浏览量 回答数 1

1

回答

来自Twitter的自动文字补齐jQuery插件 - Typeahead.js ?400报错

2020-06-02 13:18:16 394浏览量 回答数 1

2

回答

小白求教js文件本地化后无动画显示的问题

2018-03-27 17:24:06 1856浏览量 回答数 2

1

回答

有没有js、jquery插件或者flash插件,可以对图片进行多个区域的高亮显示(遮罩显示)?

2016-07-06 11:14:09 1622浏览量 回答数 1

0

回答

网页显示源代码,用什么才能使代码可折叠?

2016-06-12 12:03:26 2327浏览量 回答数 0

1

回答

如果不用jquery,怎么用JS获取网页中指定标签内的选中内容?

2016-06-02 13:18:58 1889浏览量 回答数 1

1

回答

项目中通用的common.css里边包含reset.css和网页头部底部这样格式对吗

2016-05-31 16:41:12 1936浏览量 回答数 1

1

回答

怎样使用modernizr让网页支持css3的属性?

2016-05-27 17:50:44 1599浏览量 回答数 1

1

回答

ionic项目在浏览器中打开数据样式都正确,但是经过cordova打包后,有些数据取不到,样式也乱了,为什么?

2016-03-11 17:44:40 2723浏览量 回答数 1
+关注
杨冬芳
IT从业
文章
问答
问答排行榜
最热
最新
相关电子书
更多
利用编译将 Vue 组件转成 React 组件
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载