打开/关闭搜索
打开/关闭菜单
43
1,113
4
9,341
LCD wiki
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

Test-main：修订间差异

来自LCD wiki
更多操作
←上一编辑
可视化wikitext
无编辑摘要
标签：已被回退
Root（留言 | 贡献）
行政员、​管理员
1,950次编辑
 
（未显示2个用户的30个中间版本）
第1行： 第1行：
<noinclude>
{{#widget:StyledHeader
== 参数说明 ==
| color = #73c0ef
* boxid 对象id, 默认值: home-tab, 当需要在同一个页面上显示多个组件时,需要保证boxid唯一
}}
* themeColor 主题颜色, 默认值: #36a5e8
=关于LCD Wiki  =
* tabs 分栏名称列表
LCD Wiki是一家开源共享的专业显示屏分享网站，
* tabContents 分栏内容列表
 
** title 要跳转的文档名称
纯中性定位，不设广告，不引导购物，只研究和分享显示屏驱动和应用技术，
** subtitle: 子标题,
 
** coverimg 封面图片, 默认显示, 失去鼠标焦点时显示
欢迎大家发样品我们安排测试，分享应用心得。
** backimg 背面图片, 获取到鼠标焦点时显示
 
== 用法 ==
= [[File:RPi-Boards.png|left|thumb|100x100像素]]Raspberry Pi树莓派显示器 =
<pre><nowiki>
 
== Raspberry Pi HDMI 显示器==
{{#widget:Home
{{#widget:Home
| tabs = ["HDMI显示屏", "MHS-series显示屏", "GPIO显示屏"]
| boxid = hdmi
| tabs = ["HDMI显示屏"]
| tabContents = [
| tabContents = [
     [
     [
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "3.5inch HDMI Display-B",
         subtitle: "子标题",  
        subtitle: "MPI3508",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        coverimg: "http://www.lcdwiki.com/images/e/e9/3508-main-20210302.jpg",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg" },  
        backimg: "http://www.lcdwiki.com/images/2/28/MPI3508-20181115.jpg"
      }, 
      {
        title: "4inch HDMI Display-C",
        subtitle: "MPI4008",
        coverimg: "http://www.lcdwiki.com/images/4/4a/4.0-HDMI-main-20210302.jpg",
        backimg: "http://www.lcdwiki.com/images/6/62/4.0-HDMI-2pin.jpg"
      },
      {
        title: "4.3inch HDMI Display-C",
        subtitle: "MPI4305",
        coverimg: "http://www.lcdwiki.com/images/8/84/4.3inch-HDMI-8.jpg",
        backimg: "http://www.lcdwiki.com/images/7/75/4.3inch-HDMI-6.jpg"
      }, 
      {
        title: "5inch HDMI Display",
        subtitle: "MPI5008",
        coverimg: "http://www.lcdwiki.com/images/c/c3/MPI5008-66.jpg",
        backimg: "http://www.lcdwiki.com/images/2/2f/MPI5008-11.jpg"
      }, 
      {
        title: "5inch HDMI Display-B",
        subtitle: "MPI5001",
        coverimg: "http://www.lcdwiki.com/images/2/22/MPI5001-01.jpg",
        backimg: "http://www.lcdwiki.com/images/e/e6/MPI5001-04.jpg"
      },
      {
        title: "5.5inch HDMI Display",
        subtitle: "MPI5518",
        coverimg: "http://www.lcdwiki.com/images/5/51/5.5-IPS-main-7.jpg",
        backimg: "http://www.lcdwiki.com/images/2/2f/5.5-IPS-2pin.jpg"
      }, 
      {
        title: "7inch HDMI Display-B",  
         subtitle: "MPI7001",  
         coverimg: "http://www.lcdwiki.com/images/thumb/6/67/MPI7001-001.jpg/320px-MPI7001-001.jpg",  
         backimg: "http://www.lcdwiki.com/images/4/4c/7-B-2pin.jpg"
      }, 
      {
        title: "7inch HDMI Display-C",
        subtitle: "MPI7002",
        coverimg: "http://www.lcdwiki.com/images/thumb/f/fb/MPI7002-04.jpg/320px-MPI7002-04.jpg",
        backimg: "http://www.lcdwiki.com/images/3/38/7-C-2660-2pin.jpg"
      }, 
      {
        title: "7inch HDMI Display-S",
        subtitle: "MPI7008",
        coverimg: "http://www.lcdwiki.com/images/a/af/7-S-1-2.jpg",
        backimg: "http://www.lcdwiki.com/images/a/a9/7-S-2pin.jpg"
      },
      {
        title: "7inch HDMI Display-H",
        subtitle: "MPI7006",
        coverimg: "http://www.lcdwiki.com/images/c/cb/MPI7006-004.jpg",
        backimg: "http://www.lcdwiki.com/images/e/e4/MPI7006-002.jpg"
      }, 
      {
        title: "10.1inch HDMI Display-H",
        subtitle: "MPI1001",
        coverimg: "http://www.lcdwiki.com/images/6/6f/10.1-H-main-6.jpg",
        backimg: "http://www.lcdwiki.com/images/6/6d/10.1-H--%E5%8A%9F%E8%83%BD%E5%9B%BE.jpg"
      }, 
      {
        title: "10.1inch HDMI Display-Y",
        subtitle: "MPI1008",
        coverimg: "http://www.lcdwiki.com/images/d/dd/MPI1008-002.jpg",
        backimg: "http://www.lcdwiki.com/images/0/01/MPI1008-003.jpg"
      },  
     ],
     ],
  ]
}}
== RaspberryPi MHS/GPIO Module ==
{{#widget:Home
| boxid = mhs
| tabs = ["MHS-显示屏", "GPIO显示屏"]
| tabContents = [
     [
     [
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "MHS-3.2inch Display",  
         subtitle: "子标题",  
         subtitle: "MHS3232",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/2/20/3.2-MHS-main-20210302-2.jpg",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg" },  
        backimg: "http://www.lcdwiki.com/images/e/e1/3.2-MHS-saize-004.jpg"
      }, 
      {
        title: "MHS-3.5inch RPi Display",
        subtitle: "MHS3528",
        coverimg: "http://www.lcdwiki.com/images/2/23/3.5-MHS-main-20210302.jpg",  
         backimg: "http://www.lcdwiki.com/images/5/59/MHS3528-002.jpg"
      },
      {
        title: "MHS-4.0inch Display-B",
        subtitle: "MHS4001",
        coverimg: "http://www.lcdwiki.com/images/6/67/4.0-MHS-main-20210302-2.jpg",
        backimg: "http://www.lcdwiki.com/images/f/fe/MHS3958-003.jpg"
      },
 
     ],
     ],
     [
     [
        {
        title: "2.4inch RPi Display For RPi 3A+",
        subtitle: "MPI2411",
        coverimg: "http://www.lcdwiki.com/images/2/20/3.2-MHS-main-20210302-2.jpg",
        backimg: "http://www.lcdwiki.com/images/1/11/MPI2411-003.jpg"
      }, 
      {
        title: "2.4inch RPi Display",
        subtitle: "MPI2418",
        coverimg: "http://www.lcdwiki.com/images/thumb/e/eb/2.4-RPi-30.jpg/600px-2.4-RPi-30.jpg",
        backimg: ""
      },
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "2.8inch RPi Display",  
         subtitle: "子标题",  
         subtitle: "MPI2801",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/1/1b/2.8-RPi-main-8.jpg",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg" },  
        backimg: ""
      }, 
      {
        title: "3.2inch RPi Display",
        subtitle: "MPI3201",
        coverimg: "http://www.lcdwiki.com/images/e/ee/MPI3201-RPi-5.jpg",  
         backimg: "http://www.lcdwiki.com/images/8/8c/MPI3201-RPi-901.jpg"
      }, 
      {
        title: "3.5inch RPi Display",
        subtitle: "MPI3501",
        coverimg: "http://www.lcdwiki.com/images/4/44/MPI3501-main-26.jpg",
        backimg: "http://www.lcdwiki.com/images/f/fb/3.5-MPI3501-2pin.jpg"
      },
     ],
     ],
   ]
   ]
}}
}}
</nowiki></pre>
 
== 效果展示 ==
= <font color="#bc1d46">Arduino显示模块 </font>=
{{#widget:Home
{{#widget:Home
| tabs = ["HDMI显示屏", "MHS-series显示屏", "GPIO显示屏"]
| boxid = Arduino_Display
| tabs = ["For UNO", "For Mega2560"]
| themeColor = #bc1d46
| tabContents = [
| tabContents = [
[
      {
        title: "2.4inch Arduino Display",
        subtitle: "MAR2406",
        coverimg: "http://www.lcdwiki.com/images/f/f8/2.4-UNO-1.jpg",
        backimg: ""
      }, 
      {
        title: "2.6inch Arduino Display",
        subtitle: "MAR2601",
        coverimg: "http://www.lcdwiki.com/images/thumb/c/cb/2.6-UNO-2.jpg/600px-2.6-UNO-2.jpg",
        backimg: ""
      },
      {
        title: "2.8inch Arduino Display",
        subtitle: "MAR2808",
        coverimg: "http://www.lcdwiki.com/images/4/4f/MAR2808-011.jpg",
        backimg: ""
      },
      {
        title: "3.5inch Arduino Display-UNO",
        subtitle: "MAR3501/MAR3502",
        coverimg: "http://www.lcdwiki.com/images/6/6f/MAR3502-01.jpg",
        backimg: ""
      }, 
      {
        title: "3.95inch Arduino Display-UNO",
        subtitle: "MAR3954",
        coverimg: "http://www.lcdwiki.com/images/a/ad/3.95-UNO-main-5.jpg",
        backimg: ""
      }, 
 
    ],
     [
     [
       
      {
        title: "3.2inch Arduino Display-Mega2560",
        subtitle: "MAR3201",
        coverimg: "http://www.lcdwiki.com/images/thumb/5/53/3.2-2560-03-2.jpg/240px-3.2-2560-03-2.jpg",
        backimg: ""
      }, 
      {
        title: "3.5inch Arduino Display-Mega2560",
        subtitle: "MAR3513",
        coverimg: "http://www.lcdwiki.com/images/thumb/7/78/MAR3513-007.jpg/240px-MAR3513-007.jpg",
        backimg: ""
      }, 
      {
        title: "3.5inch Arduino Display-Mega2560 ST7796",
        subtitle: "MAR3515",
        coverimg: "http://www.lcdwiki.com/images/thumb/7/78/MAR3513-007.jpg/240px-MAR3513-007.jpg",
        backimg: ""
      }, 
       {  
       {  
         title: "3.5寸HDMI显示屏,这是一个很长的标题这是一个很长的标题这是一个很长的标题",  
         title: "3.8inch Arduino Display-Mega2560",
         subtitle: "这是一个很长的子标题这是一个很长的子标题这是一个很长的子标题",  
        subtitle: "MAR3803",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        coverimg: "http://www.lcdwiki.com/images/thumb/a/a2/MAR3803-012.jpg/241px-MAR3803-012.jpg",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
        backimg: ""
      }, 
      {
        title: "3.95inch Arduino Display-Mega2560",
        subtitle: "MAR3953",
        coverimg: "http://www.lcdwiki.com/images/thumb/d/d9/3.95-Mega2560-main-5.jpg/240px-3.95-Mega2560-main-5.jpg",
        backimg: ""
      },
      {
        title: "3.95inch Arduino Display-Mega2560 ST7796",  
         subtitle: "MAR3953-7796",  
         coverimg: "http://www.lcdwiki.com/images/thumb/d/d9/3.95-Mega2560-main-5.jpg/240px-3.95-Mega2560-main-5.jpg",  
         backimg: ""
      }, 
      {
        title: "4.0inch Arduino Display-Mega2560 NT35510",
        subtitle: "MAR4018",
        coverimg: "http://www.lcdwiki.com/images/thumb/6/69/3.97-Mega2560-%E7%BA%A2%E8%89%B2-6.jpg/240px-3.97-Mega2560-%E7%BA%A2%E8%89%B2-6.jpg",
        backimg: ""
      }, 
    ],
  ]
}}
 
 
= <font color="gray">并口显示屏模块 </font>=
{{#widget:Home
| boxid = Parallel
| tabs = ["并口显示屏"]
| themeColor = gray
| tabContents = [
    [
      {
        title: "2.4inch 16BIT Module ILI9341 SKU:MRB2408",
        subtitle: "MRB2408",
        coverimg: "http://www.lcdwiki.com/images/thumb/3/3d/MRB2408-002.jpg/240px-MRB2408-002.jpg",
        backimg: ""
       },   
       },   
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "2.8inch 16BIT Module ILI9341 SKU:MRB2801",  
         subtitle: "子标题",  
         subtitle: "MRB2801",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/thumb/8/82/MRB2801-004.jpg/240px-MRB2801-004.jpg",  
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
         backimg: ""
       },  
       },  
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "2.8inch 16BIT Module R61509V SKU:MRB2802",  
         subtitle: "子标题",  
         subtitle: "MRB2802",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/thumb/f/f5/MRB2802-002.jpg/240px-MRB2802-002.jpg",  
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
         backimg: ""
       },   
       },   
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "3.2inch 16BIT Module ILI9341 SKU:MRB3205",  
         subtitle: "子标题",  
         subtitle: "MRB3205",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/thumb/9/97/MRB3205-002.jpg/240px-MRB3205-002.jpg",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
         backimg: ""
      }, 
      {
        title: "3.5inch 16BIT Module ILI9486 SKU:MRB3503",
        subtitle: "MRB3503",
        coverimg: "http://www.lcdwiki.com/images/thumb/a/a3/MRB3503-004.jpg/240px-MRB3503-004.jpg",
        backimg: ""
      },
      {
        title: "3.5inch_LCD_MODULE-Capacitive_Touch",
        subtitle: "MRB3511",
        coverimg: "http://www.lcdwiki.com/images/b/b0/3.5-CTP-21.jpg",
        backimg: ""
      }, 
      {
        title: "3.5inch 16BIT RTP&CTP MODULE NT35310 SKU:MRB3512",
        subtitle: "MRB3512",
        coverimg: "http://www.lcdwiki.com/images/thumb/c/ce/3.5-%E5%B9%B6%E5%8F%A3-%E7%94%B5%E9%98%BB-%E7%94%B5%E5%AE%B9-%E8%93%9D%E8%89%B2-2pin-2.jpg/600px-3.5-%E5%B9%B6%E5%8F%A3-%E7%94%B5%E9%98%BB-%E7%94%B5%E5%AE%B9-%E8%93%9D%E8%89%B2-2pin-2.jpg",
        backimg: ""
       },   
       },   
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "3.97inch 16BIT Module NT35510 SKU:MRB3973",  
         subtitle: "子标题",  
         subtitle: "MRB3973",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/thumb/e/ef/MRB3973-002.jpg/240px-MRB3973-002.jpg",  
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
         backimg: ""
       },  
       },  
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "4.0inch 8&16BIT Module ST7796S SKU:MRB3951",
         subtitle: "子标题",  
        subtitle: "MRB3951",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        coverimg: "http://www.lcdwiki.com/images/thumb/f/fa/MRB3951-001.jpg/240px-MRB3951-001.jpg",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
        backimg: ""
      }, 
      {
        title: "4.0inch 16BIT Module ILI9486 SKU:MRB3952",  
         subtitle: "MRB3952",  
         coverimg: "http://www.lcdwiki.com/images/thumb/f/fa/MRB3951-001.jpg/600px-MRB3951-001.jpg", 
        backimg: ""
      }, 
     
    ],
  ]
}}
 
= <font color="#bc1d46">SPI串口模块 </font>=
{{#widget:Home
| boxid = SPI_Display
| tabs = ["0.96~2.0inch", "2.2~4.0inch"]
| themeColor = #bc1d46
| tabContents = [
[
      {
        title: "0.96inch IPS Module",
        subtitle: "MSP0961",
        coverimg: "http://www.lcdwiki.com/images/thumb/c/c7/0.96-IPS-2pin.jpg/600px-0.96-IPS-2pin.jpg",  
         backimg: ""
      }, 
    {
        title: "0.96inch IPS ST7789 Module SKU:MSP0964",
        subtitle: "MSP0964",
        coverimg: "http://www.lcdwiki.com/images/thumb/b/b1/MSP0964-1.png/600px-MSP0964-1.png",
        backimg: "http://www.lcdwiki.com/images/thumb/6/60/MSP0964-2.png/600px-MSP0964-2.png"
      }, 
      {
        title: "0.96inch IPS ST7789 Module",
        subtitle: "MSP0962/MSP0963",
        coverimg: "http://www.lcdwiki.com/images/thumb/e/e9/MSP0963-1.png/600px-MSP0963-1.png",
        backimg: "http://www.lcdwiki.com/images/thumb/a/a7/MSP0963-2.png/600px-MSP0963-2.png"
      }, 
      {
        title: "1.14inch IPS Module",
        subtitle: "MSP1141",
        coverimg: "http://www.lcdwiki.com/images/thumb/8/86/1.14-IPS-2pin.jpg/600px-1.14-IPS-2pin.jpg",
        backimg: ""
       },  
       },  
        {  
      {
         title: "3.5寸HDMI显示屏",  
         title: "1.28inch IPS Module",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        subtitle: "MSP1281",  
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
         coverimg: "http://www.lcdwiki.com/images/thumb/4/4a/MSP1281_001.png/600px-MSP1281_001.png",  
         backimg: "http://www.lcdwiki.com/images/thumb/6/66/MSP1281_002.png/600px-MSP1281_002.png"
       },
       },
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "1.3inch IPS Module",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        subtitle: "MSP1308",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
        coverimg: "http://www.lcdwiki.com/images/thumb/d/db/1.3-IPS-2pin.jpg/600px-1.3-IPS-2pin.jpg",
       },   
        backimg: ""
      },
      {
        title: "1.44inch_Arduino_SPI_Module_ST7735S_SKU:MAR1441",
        subtitle: "MAR1441",
        coverimg: "http://www.lcdwiki.com/images/thumb/5/59/1.44-Arduino-001.jpg/600px-1.44-Arduino-001.jpg",
        backimg: ""
      },   
      {
        title: "1.44inch_SPI_Arduino_Module_Black_SKU:MAR1442",
        subtitle: "MAR1442",
        coverimg: "http://www.lcdwiki.com/images/thumb/8/8e/1.44-Black-20.jpg/600px-1.44-Black-20.jpg",
        backimg: ""
      },
      {
        title: "1.44inch_SPI_Module_ST7735S_SKU:MSP1443",
        subtitle: "MSP1443",
        coverimg: "http://www.lcdwiki.com/images/thumb/4/40/MSP1443-012.jpg/600px-MSP1443-012.jpg",
        backimg: ""
      },     
      {
        title: "1.54inch IPS Module",
        subtitle: "MSP1541",
        coverimg: "http://www.lcdwiki.com/images/thumb/4/4e/1.54-IPS-2pin.jpg/600px-1.54-IPS-2pin.jpg",
        backimg: ""
      }, 
      {
        title: "1.69inch_IPS_Module",
        subtitle: "MSP1691",
        coverimg: "http://www.lcdwiki.com/images/thumb/d/d4/MSP1691_001.png/600px-MSP1691_001.png",
        backimg: "http://www.lcdwiki.com/images/thumb/1/14/MSP1691_002.png/600px-MSP1691_002.png"
      },
      {
        title: "1.8inch_Arduino_SPI_Module_ST7735S_SKU:MAR1801",
        subtitle: "MAR1801",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/01/MAR1801-001.jpg/600px-MAR1801-001.jpg",
        backimg: ""
      }, 
      {
        title: "1.8inch_SPI_Module_ST7735S_SKU:MSP1803",
        subtitle: "MSP1803",
        coverimg: "http://www.lcdwiki.com/images/thumb/c/c7/MSP1803-004.jpg/600px-MSP1803-004.jpg",
        backimg: ""
      }, 
      {
        title: "1.9inch_IPS_Module",
        subtitle: "MSP1901",
        coverimg: "http://www.lcdwiki.com/images/thumb/8/8e/MSP1901_001.png/600px-MSP1901_001.png",  
         backimg: "http://www.lcdwiki.com/images/thumb/6/62/MSP1901_002.png/600px-MSP1901_002.png"
      }, 
      {
        title: "2.0inch_Arduino_SPI_Module_ILI9225_SKU:MAR2001",
        subtitle: "MAR2001",
        coverimg: "http://www.lcdwiki.com/images/thumb/c/c1/MAR2001-001.jpg/600px-MAR2001-001.jpg",
        backimg: ""
      },
      {
        title: "2.0inch IPS Module",
        subtitle: "MSP2008",
        coverimg: "http://www.lcdwiki.com/images/thumb/7/76/2.0-IPS-2pin.jpg/600px-2.0-IPS-2pin.jpg",
        backimg: ""
       },
    
     ],
     ],
     [
     [
       {  
       {  
         title: "3.5寸HDMI显示屏",  
        title: "2.2inch_Arduino_SPI_Module_ILI9225_SKU:MAR2201",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        subtitle: "MAR2201",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"  
        coverimg: "http://www.lcdwiki.com/images/thumb/9/90/2.2-Aduino-2pin-2.jpg/600px-2.2-Aduino-2pin-2.jpg",
       },  
        backimg: ""
    ],
      }, 
    [
      {
        title: "2.2inch_SPI_Module_ILI9341_SKU:MSP2202",
        subtitle: "MSP2202",
        coverimg: "http://www.lcdwiki.com/images/thumb/0/0d/2.2-SPI-2pin.jpg/600px-2.2-SPI-2pin.jpg",
        backimg: "http://www.lcdwiki.com/images/thumb/e/ef/2.2-SPI-009.jpg/800px-2.2-SPI-009.jpg"
      }, 
      {
        title: "2.4inch_SPI_Module_ILI9341_SKU:MSP2402",
        subtitle: "MSP2401/MSP2402",
        coverimg: "http://www.lcdwiki.com/images/thumb/1/1e/MSP2402-0003.jpg/600px-MSP2402-0003.jpg",
        backimg: ""
      }, 
      {
        title: "2.8inch_SPI_Module_ILI9341_SKU:MSP2807",
        subtitle: "MSP2806/MSP2807",
        coverimg: "http://www.lcdwiki.com/images/thumb/9/9a/MSP2807-006.png/600px-MSP2807-006.png",
        backimg: ""
      }, 
      {
        title: "2.8inch_IPS_SPI_Module_ILI9341",
        subtitle: "MSP2833/MSP2834",
        coverimg: "http://www.lcdwiki.com/images/thumb/9/9e/MSP2833-2.jpg/600px-MSP2833-2.jpg",
        backimg: "http://www.lcdwiki.com/images/thumb/a/a9/MSP2833-3.jpg/600px-MSP2833-3.jpg"
      }, 
      {
         title: "3.2inch_SPI_Module_ILI9341_SKU:MSP3218",
        subtitle: "MSP3217/MSP3218",  
         coverimg: "http://www.lcdwiki.com/images/thumb/c/c8/MSP3218-3.2-SPI-04.jpg/600px-MSP3218-3.2-SPI-04.jpg",  
         backimg: ""
      }, 
      {
        title: "3.2inch_IPS_SPI_Module_ILI9341",
        subtitle: "MSP3222/MSP3223",
        coverimg: "http://www.lcdwiki.com/images/thumb/c/c7/MSP3223-2.jpg/600px-MSP3223-2.jpg",
        backimg: "http://www.lcdwiki.com/images/thumb/4/45/MSP3223-3.jpg/600px-MSP3223-3.jpg"
      }, 
      {
        title: "3.5inch_SPI_Module_ILI9488_SKU:MSP3520",
        subtitle: "MSP3520/MSP3521",
        coverimg: "http://www.lcdwiki.com/images/thumb/1/15/MSP3520-0003.jpg/600px-MSP3520-0003.jpg",
        backimg: ""
      }, 
      {
        title: "3.5inch_IPS_SPI_Module_ST7796",
        subtitle: "MSP3525/MSP3526",
        coverimg: "http://www.lcdwiki.com/images/thumb/b/ba/MSP3526-2.jpg/600px-MSP3526-2.jpg",
        backimg: "http://www.lcdwiki.com/images/thumb/c/cb/MSP3526-3.jpg/600px-MSP3526-3.jpg"
       },
      {
        title: "4.0inch_SPI_Module_ST7796",
        subtitle: "MSP4020/MSP4021",  
        coverimg: "http://www.lcdwiki.com/images/thumb/5/5e/MSP4021-002.jpg/600px-MSP4021-002.jpg",
        backimg: ""
      }, 
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "4.0inch_Capacitive_SPI_Module_ST7796",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        subtitle: "MSP4030/MSP4031",  
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"  
         coverimg: "http://www.lcdwiki.com/images/thumb/6/69/MSP4031-001.png/600px-MSP4031-001.png",  
       },  
         backimg: "http://www.lcdwiki.com/images/thumb/0/05/MSP4031-003.png/600px-MSP4031-003.png"
       },
     ],
     ],
   ]
   ]
}}
}}
= OLED Display Module=
{{#widget:Home
{{#widget:Home
| boxid = demo1
| boxid = OLED
| tabs = ["HDMI显示屏", "MHS-series显示屏"]
| tabs = ["OLED显示模块"]
| themeColor = #bc1d46
| tabContents = [
| tabContents = [
     [
     [
       {  
       {  
         title: "3.5寸HDMI显示屏,这是一个很长的标题这是一个很长的标题这是一个很长的标题",  
         title: "0.91inch_IIC_OLED_Module_SSD1306_SKU:MC091GX",  
         subtitle: "这是一个很长的子标题这是一个很长的子标题这是一个很长的子标题",  
         subtitle: "MC091GW/MC091GB",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/thumb/a/ae/0.91-OLED-2pin.jpg/600px-0.91-OLED-2pin.jpg",  
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
         backimg: ""
       },   
       },   
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "0.96inch_SPI_OLED_Module",  
         subtitle: "子标题",  
         subtitle: "MSP096 B/W/Y",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/03/0.96-OLED-7pin-3.jpg/600px-0.96-OLED-7pin-3.jpg",  
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
         backimg: ""
       },  
       },  
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "0.96inch_OLED_Module_MC096GX",  
         subtitle: "子标题",  
         subtitle: "MC096GX",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/thumb/c/cc/MC096GX-003.jpg/600px-MC096GX-003.jpg",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
        backimg: ""
      },
      {
        title: "0.96inch_OLED_Module_MC096VX",
        subtitle: "MC096VX",
        coverimg: "http://www.lcdwiki.com/images/thumb/b/b5/MC096-002.jpg/600px-MC096-002.jpg",  
         backimg: ""
      }, 
      {
        title: "1.3inch_SPI_OLED_Module_SH1106_SKU:MSP130X",
        subtitle: "MSP130W/MSP130B",
        coverimg: "http://www.lcdwiki.com/images/thumb/d/d8/MSP130W-003.jpg/600px-MSP130W-003.jpg",
        backimg: ""
      },
      {
        title: "1.3inch_IIC_OLED_Module_SKU:MC130GX",
        subtitle: "MC130GW/MC130GB",
        coverimg: "http://www.lcdwiki.com/images/thumb/9/94/1.3-OLED-IIC-GND-2pin.jpg/600px-1.3-OLED-IIC-GND-2pin.jpg",
        backimg: ""
       },   
       },   
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "1.3inch_IIC_OLED_Module_SKU:MC130VX",
         subtitle: "子标题",  
        subtitle: "MC130VW/MC130VB",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        coverimg: "http://www.lcdwiki.com/images/thumb/8/80/1.3-OLED-IIC-VCC-2pin.jpg/600px-1.3-OLED-IIC-VCC-2pin.jpg",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
        backimg: ""
      }, 
      {
        title: "1.5inch_OLED_Module_SKU:MC01506",  
         subtitle: "MC01506",  
         coverimg: "http://www.lcdwiki.com/images/thumb/3/3f/1.5-OLED-SH1107-2pin.jpg/600px-1.5-OLED-SH1107-2pin.jpg",  
         backimg: ""
      },
      {
        title: "1.54inch_IIC_OLED_Module_SKU:MC154GX",
        subtitle: "MC154GW/MC154GB",
        coverimg: "http://www.lcdwiki.com/images/thumb/f/ff/MC154GX-001.png/600px-MC154GX-001.png",
        backimg: "http://www.lcdwiki.com/images/thumb/7/78/MC154GX-002.png/600px-MC154GX-002.png"
       },   
       },   
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "1.54inch_SPI_OLED_Module_SKU:MSP154X",  
         subtitle: "子标题",  
         subtitle: "MSP154W/MSP154B",  
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
         coverimg: "http://www.lcdwiki.com/images/thumb/e/ee/MSP154X-001.png/600px-MSP154X-001.png",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
        backimg: "http://www.lcdwiki.com/images/thumb/0/0c/MSP154X-002.png/600px-MSP154X-002.png"
      }, 
      {
        title: "2.42inch_SPI_OLED_Module_SKU:MSP242X",
        subtitle: "MSP242W/MSP242B/MSP242Y",
        coverimg: "http://www.lcdwiki.com/images/thumb/c/c5/MSP242X-01.jpg/600px-MSP242X-01.jpg",  
         backimg: "http://www.lcdwiki.com/images/thumb/b/bb/MSP242X-02.jpg/600px-MSP242X-02.jpg"
       },  
       },  
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "2.42inch_IIC_OLED_Module_SKU:MC242GX",
         subtitle: "子标题",  
        subtitle: "MC242GW/MC242GB/MC242GY",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        coverimg: "http://www.lcdwiki.com/images/thumb/b/b9/MC242GX-01.jpg/600px-MC242GX-01.jpg",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
        backimg: "http://www.lcdwiki.com/images/thumb/0/06/MC242GX-02.jpg/600px-MC242GX-02.jpg"
      }, 
     
    ],
  ]
}}
 
= RGB Display Module=
{{#widget:Home
| boxid = RGB_Diaplay
| tabs = ["RGB显示模块"]
| tabContents = [
    [
      {
        title: "4.3inch_RGB_Display",  
         subtitle: "MRG4301/MRG4311",  
         coverimg: "http://www.lcdwiki.com/images/thumb/9/9d/4.3-RGB-2pin-%E4%BF%AE%E6%94%B9%E4%B8%9D%E5%8D%B0.jpg/600px-4.3-RGB-2pin-%E4%BF%AE%E6%94%B9%E4%B8%9D%E5%8D%B0.jpg",  
         backimg: ""
      }, 
      {
        title: "5.0inch_RGB_Display",
        subtitle: "MRG5101/MRG5111",
        coverimg: "http://www.lcdwiki.com/images/thumb/1/1f/5-RGB-2pin-%E4%BF%AE%E6%94%B9%E4%B8%9D%E5%8D%B0.jpg/600px-5-RGB-2pin-%E4%BF%AE%E6%94%B9%E4%B8%9D%E5%8D%B0.jpg",
        backimg: ""
      },
      {
        title: "7.0inch_RGB_Display",
        subtitle: "MRG7101/MRG7111",
        coverimg: "http://www.lcdwiki.com/images/thumb/b/b2/7-RGB-2pin-%E4%BF%AE%E6%94%B9%E4%B8%9D%E5%8D%B0.jpg/600px-7-RGB-2pin-%E4%BF%AE%E6%94%B9%E4%B8%9D%E5%8D%B0.jpg",
        backimg: ""
       },  
       },  
        {
        title: "3.5寸HDMI显示屏",
        coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",
        backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
      },
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "SSD1963-RGB_Pinboard",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        subtitle: "SSD1963",  
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"
         coverimg: "http://www.lcdwiki.com/images/thumb/b/b5/RGB%E8%BD%AC%E6%8E%A5%E6%9D%BF-2pin.jpg/600px-RGB%E8%BD%AC%E6%8E%A5%E6%9D%BF-2pin.jpg",  
         backimg: ""
       },   
       },   
     
     ],
     ],
  ]
}}
= 开发板=
{{#widget:Home
| boxid = Development_Board
| tabs = ["配套开发板"]
| tabContents = [
     [
     [
       {  
       {  
         title: "3.5寸HDMI显示屏",  
         title: "CH552_Board",
         coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",  
        subtitle: "SCH5521",
         backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg"  
        coverimg: "http://www.lcdwiki.com/images/thumb/2/24/CH552%E5%BC%80%E5%8F%91%E6%9D%BF-2pin.jpg/600px-CH552%E5%BC%80%E5%8F%91%E6%9D%BF-2pin.jpg",
       },  
        backimg: ""
      }, 
      {
        title: "CH32F103C8T6_Board",
        subtitle: "SCH3202",  
         coverimg: "http://www.lcdwiki.com/images/thumb/4/47/CH3202-002.jpg/600px-CH3202-002.jpg",  
         backimg: "http://www.lcdwiki.com/images/thumb/9/97/CH3202-001.jpg/600px-CH3202-001.jpg"
      },
      {
        title: "CH32F203C8T6_Board",
        subtitle: "SCH3203",
        coverimg: "http://www.lcdwiki.com/images/thumb/2/2a/%E5%BC%80%E5%8F%91%E6%9D%BF-CH32F203C8T6-4.jpg/600px-%E5%BC%80%E5%8F%91%E6%9D%BF-CH32F203C8T6-4.jpg",
        backimg: "http://www.lcdwiki.com/images/thumb/2/29/%E5%BC%80%E5%8F%91%E6%9D%BF-CH32F203C8T6-3.jpg/600px-%E5%BC%80%E5%8F%91%E6%9D%BF-CH32F203C8T6-3.jpg"
      },
      {
        title: "STM32F103C8T6_Minimum_System_Development_Board",
        subtitle: "STM3202",
        coverimg: "http://www.lcdwiki.com/images/thumb/d/d8/%E5%BC%80%E5%8F%91%E6%9D%BFSTM32F103C8T6-2pin-3.jpg/600px-%E5%BC%80%E5%8F%91%E6%9D%BFSTM32F103C8T6-2pin-3.jpg",
        backimg: ""
      }, 
      {
        title: "STM32F407VxT6_Board",
        subtitle: "STM3203/STM3205",
        coverimg: "http://www.lcdwiki.com/images/thumb/a/ae/%E5%BC%80%E5%8F%91%E6%9D%BFSTM32F407VGT6-2pin.jpg/600px-%E5%BC%80%E5%8F%91%E6%9D%BFSTM32F407VGT6-2pin.jpg",
        backimg: ""
       },  
   
     ],
     ],
   ]
   ]
}}
}}
</noinclude>
= GettingStarted =
<includeonly>
<onlyinclude>
<html>
  <div
    id="<!--{$boxid|default:"home-tab"}-->"
    class="v-application v-application--is-ltr theme--light"
    style="display: none;"
  >
    <v-container>
      <v-tabs
        v-model="tab"
        show-arrows
        grow
        center-active
        dark
        hide-slider
        active-class="active-tab"
        :background-color="themeColor"
      >
        <v-tab v-for="(tabName, index) in tabs" :key="index">
          {{tabName}}
        </v-tab>
      </v-tabs>
      <v-tabs-items v-model="tab">
        <v-tab-item v-for="(content, index) in tabContents" :key="index">
        <v-container>
          <v-row no-gutters>
            <v-col v-for="(item, idx) in content" :key="idx"
            cols="6" sm="6" md="4" lg="3" xl="3"
            >
              <a :href="baseURL() + encodeURIComponent(item.title)">
                <v-card class="ma-1 ma-md-2 ma-lg-3 ma-xl-3" elevation=1>
                  <v-img
                    dark
                    :src="getImageUrl(item)"
                    :lazy-src=item.backimg
                    :aspect-ratio="1/1"
                    class="grey darken-4"
                    @mouseover="setHoveredItem(item)"
                    @mouseout="resetHoveredItem()"
                  ></v-img>
                  <div class="home-box-item-title">{{ item.title }}</div>
                  <div class="home-box-item-subtitle">{{ item.subtitle }}</div>
                </v-card>
              </a>
            <v-col/>
          </v-row>
          </v-container>
        </v-tab-item>
      </v-tabs-items>
    </v-container>
  </div>
  <script src="/res/Common/js/vue.min.js"></script>
  <script src="/res/Common/js/vuetify.min.js"></script>
  <script>
    if (typeof HomeBoxPool == "undefined") {
        HomeBoxPool = new Map();
    }
    HomeBoxPool["<!--{$boxid|default:"home-tab"}-->"] = setInterval(() => {
      if (typeof Vuetify !== "undefined" && typeof Vue !== "undefined") {
        clearInterval(HomeBoxPool["<!--{$boxid|default:"home-tab"}-->"]);
        let appDom = document.getElementById("<!--{$boxid|default:"home-tab"}-->");
        appDom.style.display = 'block';
        new Vue({
          el: "#<!--{$boxid|default:"home-tab"}-->",
          vuetify: new Vuetify(),
          methods: {
            setHoveredItem(item) {
              if (this.$vuetify.breakpoint.mdAndUp){
                this.hoveredItem = item; 
              } 
            },
            resetHoveredItem() {
              if (this.$vuetify.breakpoint.mdAndUp){
                this.hoveredItem = null;
              }
            },
            getImageUrl(item) {
              if (this.hoveredItem === item) {
                if (item.backimg) {
                  return item.backimg;
                }
              }
              return item.coverimg;
            },
            baseURL(){
              return /https?:\/\/[^\/]+\/(zh)(\/|$)/.test(window.location.href) ? '/zh/' : '/'
            }
          },
          data: {
            themeColor: "<!--{$themeColor|default:"#36a5e8"}-->",
            tab: null,
            tabs: <!--{$tabs}-->,
            tabContents: <!--{$tabContents}-->,
            hoveredItem: null,
          },
        });
      }
    }, 50);
  </script>
  <style scoped>
    .home-box-item-title, .home-box-item-subtitle {
      text-align: center;
      font-size: 14px; /* 默认字体大小 */
      white-space: nowrap;        /* 防止文本换行 */
      overflow: hidden;          /* 隐藏超出范围的文本 */
      text-overflow: ellipsis;    /* 使用省略号表示超出文本 */
      max-width: 100%;            /* 设置最大宽度 */
    }
 
    .home-box-item-title {
      font-weight: bold;
      color: #313131
    }
 
    .home-box-item-subtitle {
      color: #666666
    }
 
 
    @media (min-width: 960px) {
      .home-box-item-title, .home-box-item-subtitle {
        font-size: 16px; /* 中屏幕及以上 */
      }
    }
 
    @media (min-width: 1280px) {
      .home-box-item-title, .home-box-item-subtitle{
        font-size: 18px; /* 大屏幕及以上 */
      }
    }
 
    .active-tab {
      font-weight: bold;
      font-size: 18px;
    }


    .active-tab::after {
* [http://www.lcdwiki.com/res/PublicFile/树莓派入门教程(下载，格式化，烧录，SSH，PuTTy)-V1.0.pdf 树莓派入门教程(下载，格式化，烧录，SSH，PuTTy)-V1.0]
      content: '';
* [http://www.lcdwiki.com/zh/%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85LCD%E9%A9%B1%E5%8A%A8(CN) 如何安装LCD驱动(树莓派官方系统Raspberry Pi OS）]
      position: absolute;
* [http://www.lcdwiki.com/zh/%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85LCD%E9%A9%B1%E5%8A%A8(Ubuntu-Mate%E7%B3%BB%E7%BB%9F) 如何安装LCD驱动(Ubuntu-Mate系统)]
      top: 0;
* [http://www.lcdwiki.com/zh/%E5%A6%82%E4%BD%95%E5%AE%89%E8%A3%85LCD%E9%A9%B1%E5%8A%A8(Kali%E7%B3%BB%E7%BB%9F)#.E6.AD.A5.E9.AA.A42.2C_.E8.8E.B7.E5.8F.96LCD.E9.A9.B1.E5.8A.A8 如何安装LCD驱动(Kali系统)]
      left: 0;
* [[如何安装虚拟键盘(CN)]]
      width: 100%;
* [http://www.lcdwiki.com/res/Show_Direction_and_Touch/如何校准电阻触摸屏-V1.2.pdf 如何校准电阻触摸屏-V1.2]
      height: 100%;
* [http://www.lcdwiki.com/res/PublicFile/如何校准电容触摸屏-V1.0.pdf 如何校准电容触摸屏-V1.0]
      background-color: rgba(255, 255, 255, 0.3); /* 透明白色 */
* [http://www.lcdwiki.com/zh/如何旋转显示方向 如何旋转显示方向]
      pointer-events: none; /* 让蒙版不影响鼠标事件 */
* [http://www.lcdwiki.com/zh/常见问题 树莓派常见问题]
    }
  </style>
</html>
</onlyinclude>
</includeonly>

2024年8月3日 (六) 01:12的最新版本

关于LCD Wiki

LCD Wiki是一家开源共享的专业显示屏分享网站，

纯中性定位，不设广告，不引导购物，只研究和分享显示屏驱动和应用技术，

欢迎大家发样品我们安排测试，分享应用心得。

Raspberry Pi树莓派显示器

Raspberry Pi HDMI 显示器

RaspberryPi MHS/GPIO Module

Arduino显示模块


并口显示屏模块

SPI串口模块

OLED Display Module

RGB Display Module

开发板

GettingStarted

取自“http://www.lcdwiki.com/zh/index.php?title=Test-main&oldid=9401”
目录
最后修改时间
此页面最后编辑于2024年8月3日 (星期六) 01:12。