Arduino驱动触摸屏实验

thomas

买了12864液晶屏后，总觉得少点儿什么，似乎应该有个配套的触摸屏会更漂亮。
结果taobao了半天，根本买不到带触摸屏的12864模块。
我开始怀疑我的脑袋是不是不正常了，这应该是个基础需求吧。有触摸屏的话可以省去很多按钮，面板设计会更简洁。
量了一下，我买的12864属于低端产品，大概3.2吋的屏幕。淘宝搜了下，唯一的3.2吋触摸屏是手机专用的，不敢冒险，所以买了一块最常见的“4线电阻式触摸屏” 3.4吋的屏，已经粘好了面板。又同时买了个配套的插座。
本次是初步联合调试，液晶屏是传统的SPI接法，可以参照弘毅的帖子arduino学习笔记15 - 12864液晶实验。
3.4吋的屏和液晶屏宽度一样，高度长出一些，很难看。突发灵感，把空白位置做成了固定的按钮。
激光机打了一张，开始为了追求质感，怕漏光，用的卡片纸。后来发现纯属画蛇添足，改用普通白纸答应更漂亮。

自己写了个类，分两行做实时动态显示。第一次上手，代码有些笨拙。
网上找了个触摸屏程序，直接用来看看。
接线：非常简单。触摸屏1234脚接 ANALOG IN 0,1,2,3 然后所有4个引脚各挂一个10k电阻连接到GND


（未完待续)
加精了，怎么也得补个连接图吧。第一次用Fritzin，不熟练，自己做了一个TouchScreen的原件。
















代码，就几行，其余都是LCD显示的，自己摘吧。

1. 
   
2. 
   
3. /*
   
4. LCD  Arduino
   
5. PIN1 = GND
   
6. PIN2 = 5V
   
7. RS(CS) = 8;
   
8. RW(SID)= 9;
   
9. EN(CLK) = 3;
   
10. PIN15 PSB = GND;
    
11. */
    
12. #define xLow  17
    
13. #define xHigh 15
    
14. #define yLow  16
    
15. #define yHigh 14
    
16. 
    
17. //将触摸屏连接到ANALOGIN 0~4
    
18. 
    
19. #include "LCD12864RSPI.h"
    
20. 
    
21. void setup()
    
22. {
    
23.   Serial.begin(9600);
    
24.   LCDA.Initialise(); // initialize
    
25.   delay(100);
    
26. }
    
27. 
    
28. void loop()
    
29. {
    
30.   LCDA.CLEAR();// clear screen
    
31. //touch screen
    
32.   pinMode(xLow,OUTPUT);
    
33.   pinMode(xHigh,OUTPUT);
    
34.   digitalWrite(xLow,LOW);
    
35.   digitalWrite(xHigh,HIGH);
    
36. 
    
37.   digitalWrite(yLow,LOW);
    
38.   digitalWrite(yHigh,LOW);
    
39. 
    
40.   pinMode(yLow,INPUT);
    
41.   pinMode(yHigh,INPUT);
    
42.   delay(10);
    
43. 
    
44.   //xLow has analog port -14 !!
    
45.   int x=analogRead(yLow -14);
    
46. 
    
47.   pinMode(yLow,OUTPUT);
    
48.   pinMode(yHigh,OUTPUT);
    
49.   digitalWrite(yLow,LOW);
    
50.   digitalWrite(yHigh,HIGH);
    
51. 
    
52.   digitalWrite(xLow,LOW);
    
53.   digitalWrite(xHigh,LOW);
    
54. 
    
55.   pinMode(xLow,INPUT);
    
56.   pinMode(xHigh,INPUT);
    
57.   delay(10);
    
58. 
    
59.   //xLow has analog port -14 !!
    
60.   int y=analogRead(xLow - 14);
    
61. 
    
62. //out to display x,y
    
63. splitNum(0,1,x);
    
64. splitNum(1,1,y);
    
65.   delay(500);
    
66. }
    
67. 
    
68. //split number and display to screen
    
69. void splitNum(int dx,int dy,int sn)
    
70. {
    
71.   int d0=0;
    
72.   int d1=0;
    
73.   int d2=0;
    
74. 
    
75.   if(sn<10){
    
76.     d0=sn;
    
77.     d1=0;
    
78.     d2=0;
    
79.   }
    
80.   else if(sn<100){
    
81. 
    
82.     d0=        sn%10;
    
83.     d1=        sn/10;
    
84.     d2=0;
    
85.   }
    
86.   else if(sn<1000){
    
87.     d0=sn%10;
    
88.     d1=sn%100/10;
    
89.     d2=sn/100;
    
90.   }
    
91.   else{
    
92.     d0=9;
    
93.     d1=9;
    
94.     d2=9;
    
95.   }
    
96.   LCDA.DisplaySig(dx,dy,d2+48);
    
97.   LCDA.DisplaySig(dx,dy+1,d1+48);
    
98.   LCDA.DisplaySig(dx,dy+2,d0+48);
    
99. 
    
100. }
     

复制代码

thomas

新鲜出炉的界面，得瑟一下。

u8glib出了更新，终于可以画斜线了，以后曲线显示方便多了。

按照我最初的设计理念完成了界面显示。

每屏显示5行，超出部分横向滚动，

选择是纵向反白显示。

第二屏选择有点儿问题，今天太晚了，明天再弄

thomas

刚才把液晶屏和触摸屏的保护膜都揭掉了，用胶水粘在一起。这样就成了一个新的组件，方便调试。

加了一段代码，void keyPress(int dx,int dy) 用来判读哪个按钮被按下。

1. 
   
2. /*
   
3. LCD  Arduino
   
4. PIN1 = GND
   
5. PIN2 = 5V
   
6. RS(CS) = 8;
   
7. RW(SID)= 9;
   
8. EN(CLK) = 3;
   
9. PIN15 PSB = GND;
   
10. */
    
11. #define xLow  17
    
12. #define xHigh 15
    
13. #define yLow  16
    
14. #define yHigh 14
    
15. 
    
16. #include "LCD12864RSPI.h"
    
17. 
    
18. void setup()
    
19. {
    
20.   Serial.begin(9600);
    
21.   LCDA.Initialise(); // initialize
    
22.   delay(100);
    
23.   LCDA.CLEAR();// clear screen
    
24. }
    
25. 
    
26. void loop()
    
27. {
    
28.   pinMode(xLow,OUTPUT);
    
29.   pinMode(xHigh,OUTPUT);
    
30.   digitalWrite(xLow,LOW);
    
31.   digitalWrite(xHigh,HIGH);
    
32. 
    
33.   digitalWrite(yLow,LOW);
    
34.   digitalWrite(yHigh,LOW);
    
35. 
    
36.   pinMode(yLow,INPUT);
    
37.   pinMode(yHigh,INPUT);
    
38.   delay(10);
    
39. 
    
40.   //xLow has analog port -14 !!
    
41.   int x=analogRead(yLow -14);
    
42. 
    
43.   pinMode(yLow,OUTPUT);
    
44.   pinMode(yHigh,OUTPUT);
    
45.   digitalWrite(yLow,LOW);
    
46.   digitalWrite(yHigh,HIGH);
    
47. 
    
48.   digitalWrite(xLow,LOW);
    
49.   digitalWrite(xHigh,LOW);
    
50. 
    
51.   pinMode(xLow,INPUT);
    
52.   pinMode(xHigh,INPUT);
    
53.   delay(10);
    
54. 
    
55.   //xLow has analog port -14 !!
    
56.   int y=analogRead(xLow - 14);
    
57. 
    
58.   Serial.print(x,DEC);   
    
59.   Serial.print(",");     
    
60.   Serial.println(y,DEC);
    
61. 
    
62.   keyPress(x,y);
    
63.   splitNum(0,1,x);
    
64.   splitNum(1,1,y);
    
65.   delay(500);
    
66. }
    
67. 
    
68. //split number and display to screen
    
69. void splitNum(int dx,int dy,int sn)
    
70. {
    
71.   int d0=0;
    
72.   int d1=0;
    
73.   int d2=0;
    
74. 
    
75.   if(sn<10){
    
76.     d0=sn;
    
77.     d1=0;
    
78.     d2=0;
    
79.   }
    
80.   else if(sn<100){
    
81.     d0=        sn%10;
    
82.     d1=        sn/10;
    
83.     d2=0;
    
84.   }
    
85.   else if(sn<1000){
    
86.     d0=sn%10;
    
87.     d1=sn%100/10;
    
88.     d2=sn/100;
    
89.   }
    
90.   else{
    
91.     d0=9;
    
92.     d1=9;
    
93.     d2=9;
    
94.   }
    
95.   LCDA.DisplaySig(dx,dy,d2+48);
    
96.   LCDA.DisplaySig(dx,dy+1,d1+48);
    
97.   LCDA.DisplaySig(dx,dy+2,d0+48);
    
98. 
    
99. }
    
100. //display which key was press
     
101. void keyPress(int dx,int dy){
     
102.   if(dy>145&&dy<234){
     
103.     if(dx>103&&dx<220){
     
104.       LCDA.DisplaySig(3,1,69);
     
105.       LCDA.DisplaySig(3,2,115);
     
106.       LCDA.DisplaySig(3,3,99);
     
107.     }
     
108.     else if(dx>300&&dx<423){
     
109.       LCDA.DisplaySig(3,1,60);
     
110.       LCDA.DisplaySig(3,2,60);
     
111.       LCDA.DisplaySig(3,3,60);
     
112.     }
     
113.     else if(dx>505&&dx<625){
     
114.       LCDA.DisplaySig(3,1,62);
     
115.       LCDA.DisplaySig(3,2,62);
     
116.       LCDA.DisplaySig(3,3,62);
     
117.     }
     
118.     else if(dx>702&&dx<833){
     
119.       LCDA.DisplaySig(3,1,69);
     
120.       LCDA.DisplaySig(3,2,110);
     
121.       LCDA.DisplaySig(3,3,116);
     
122.     }
     
123.     delay(500);
     
124.       LCDA.DisplaySig(3,1,0);
     
125.       LCDA.DisplaySig(3,2,0);
     
126.       LCDA.DisplaySig(3,3,0);
     
127.   }  
     
128. }
     
129. 
     
130. 
     
131. 
     

复制代码

文具盒

看样子还有很长的路要走

thomas

按钮已经调好了，完美运行。菜单需要长远规划下。
这两天要滑雪，回去再调。可以确定的是，这种结构视觉效果还算不错，目前没见过同样应用。

thomas

滑雪归来，心情无比舒畅~工作效率高多了。

一级菜单做出来了，全部字符形式绘制。

用了我最喜欢的0403字体，极为精致。还是英文菜单能容纳内容更多一点儿。简单操作一个鱼缸，够用了。



另外，用纯图形方式测了一下，图片太多会溢出乱码。看来没法做的太华丽。


计划的效果

选中后的效果

估计上面的效果很难实现了。


客串调试了一个象棋程序

弘毅

thomas 发表于 2012-3-19 22:20
滑雪归来，一级菜单做出来了，全部字符形式绘制。
用了我最喜欢的0408字体，极为精致。

滑雪。。。。现在哪里还能滑雪呢。。。。

弘毅

thomas 发表于 2012-3-19 22:20
滑雪归来，一级菜单做出来了，全部字符形式绘制。
用了我最喜欢的0408字体，极为精致。

悄悄的说。。。我也觉得uno的328P芯片ram太小，容易溢出，所以把AVR里ram最大的芯片。。。准备装arduino的bootloader玩玩，貌似有16K的ram~~~

thomas

附赠工作照一张

崇礼，北大湖都可以，而且刚下了大雪

thomas

每天进步一点点。
貌似今天是世界睡眠日，又熬夜了。
图形显示。
以后分屏显示鱼缸的水温、流量、光照强度等。

三水

{:soso_e102:}哇，太好看了

悠然小调

不知道这里介绍的库文件可以用在触摸屏吗？http://www.liquidware.com/wikipages/name/TouchShield

piaozhiling

开源奉献无尚光荣

bogoo

小白走琮！！

文具盒

刚刚入手了步科触摸屏，不知能否实现