Difference between revisions of "3.5 Inch LCD Touch Screen Monitor for Raspberry Pi"

From Wiki
Jump to: navigation, search
(Created page with "<!DOCTYPE html> <html> <head> <title>3.5 Inch LCD Touch Screen en md wiki</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css">...")
 
 
(39 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
 
−
<html>
 
−
<head>
 
−
<title>3.5 Inch LCD Touch Screen en md wiki</title>
 
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
−
<style type="text/css">
 
−
/* GitHub stylesheet for MarkdownPad (http://markdownpad.com) */
 
−
/* Author: Nicolas Hery - http://nicolashery.com */
 
−
/* Version: b13fe65ca28d2e568c6ed5d7f06581183df8f2ff */
 
−
/* Source: https://github.com/nicolahery/markdownpad-github */
 
  
−
/* RESET
+
===Introduction===
−
=============================================================================*/
+
[[File:LCD1.jpg]]<br>
 +
This monitor is specially designed for Raspberry Pi. You're recommended to download and install the image we provide. It is written based on the Raspbian Jessie 2016-5-27 version and we've pre-installed the driver and pre-set the calibration program. So you can just burn it on your card for use. If you want to change the calibration, you can just find the program and alter it. <br>
 +
Download the image at the bottom of the page, unzip the package downloaded and you'll see a .img file. Burn it to your TF card by win32imager.<br>
 +
Next, connect the monitor to the Raspberry Pi, and the HDMI board. plug in the TF card with the image file burnt. Connect the power and you can start the use.
 +
Or, you may install the driver based on the instructions we provide in the package. <br>
  
−
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+
If you have any problem, please feel free to contact us, by email to service@sunfounder.com or posts on our FORUM. We'll reply you ASAP. Thanks for support!<br>
−
  margin: 0;
+
−
  padding: 0;
+
−
  border: 0;
+
−
}
+
  
−
/* BODY
+
<font color="red">
−
=============================================================================*/
+
Note:<br>
 +
1) If you're doing this on an HDMI display, you're suggested to plug in the 3.5inch display into the Raspberry Pi. After the driver is installed and the Raspberry Pi is rebooted, you can see the 3.5'' screen shows the desktop of the Raspberry Pi, while the HDMI displays the CLI (command line interface).<br>
  
−
body {
 
−
  font-family: Helvetica, arial, freesans, clean, sans-serif;
 
−
  font-size: 14px;
 
−
  line-height: 1.6;
 
−
  color: #333;
 
−
  background-color: #fff;
 
−
  padding: 20px;
 
−
  max-width: 960px;
 
−
  margin: 0 auto;
 
−
}
 
  
−
body>*:first-child {
+
===Pin Description===
−
  margin-top: 0 !important;
+
[[File:3.5inchdisplay.jpg]]
−
}
+
===Application===
  
−
body>*:last-child {
+
This 3.5 Inch LCD touch screen monitor can be applied to Raspberry Pi 1 model B and B+, 2 model B and 3 model B.
−
  margin-bottom: 0 !important;
+
−
}
+
  
−
/* BLOCKS
+
===Operation Procedures===
−
=============================================================================*/
+
[[File:LCD2.jpg]]
  
−
p, blockquote, ul, ol, dl, table, pre {
+
'''Download''' the simplified installation package below (or [http://wiki.sunfounder.cc/images/7/73/LCD-show.tar.gz here]). Transfer it to the Raspberry Pi.
−
  margin: 15px 0;
+
−
}
+
  
−
/* HEADERS
+
Finish the installation with '''Installation Guide''' which comes along with the product.
−
=============================================================================*/
+
  
−
h1, h2, h3, h4, h5, h6 {
+
===Touch Screen Calibration===
−
  margin: 20px 0 10px;
+
−
  padding: 0;
+
−
  font-weight: bold;
+
−
  -webkit-font-smoothing: antialiased;
+
−
}
+
  
−
h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code {
+
1.If there's any deviations of the touch screen, you need to calibrate it. On the touch screen, use a mouse, to click '''Menu''' -> '''Preference''' -> '''Calibrate Touchscreen'''. 
−
  font-size: inherit;
+
−
}
+
  
−
h1 {
+
[[File:LCD3.jpg]]
−
  font-size: 28px;
+
−
  color: #000;
+
−
}
+
  
−
h2 {
+
2.Then the screen will show 4 points. You need to tap them one by one to calibrate.
−
  font-size: 24px;
+
−
  border-bottom: 1px solid #ccc;
+
−
  color: #000;
+
−
}
+
  
−
h3 {
+
[[File:LCD4.jpg]]
−
  font-size: 18px;
+
−
}
+
  
−
h4 {
+
3.After calibration, you will get the following. Copy the contents in the red box.
−
  font-size: 16px;
+
−
}
+
  
−
h5 {
+
[[File:LCD5.jpg]] 
−
  font-size: 14px;
+
−
}
+
  
−
h6 {
+
4.In the terminal, type in
−
  color: #777;
+
−
  font-size: 14px;
+
−
}
+
  
−
body>h2:first-child, body>h1:first-child, body>h1:first-child+h2, body>h3:first-child, body>h4:first-child, body>h5:first-child, body>h6:first-child {
+
sudo nano /etc/X11/xorg.conf.d/99-calibration.conf
−
  margin-top: 0;
+
−
  padding-top: 0;
+
−
}
+
  
−
a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
+
Paste what you have copied just now to the file
−
  margin-top: 0;
+
−
  padding-top: 0;
+
−
}
+
  
−
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
+
Press '''Ctrl + X''', select '''Y''', and then press '''Enter''' to save the file
−
  margin-top: 10px;
+
−
}
+
  
−
/* LINKS
+
5.In the terminal, type in
−
=============================================================================*/
+
  
−
a {
+
sudo reboot
−
  color: #4183C4;
+
After rebooting, the calibration will be done.
−
  text-decoration: none;
+
−
}
+
  
−
a:hover {
+
==Attention==
−
  text-decoration: underline;
+
<font color="red">Warning:</font>sometimes the driver installation may fail to be completed, and will further cause data missing, so you will need to reburn the system. You should clear about the risk.<br>
−
}
+
<font color="green">Suggestion:</font>Copy the important information on SD card to another one before driver installation.<br>
 +
<font color="blue">Here is how:</font>Connect the Raspberry Pi to the display, click '''menu -> Accessories -> SD Card Copier''', and select the proper device to start.<br>
 +
[[File:SD-1.png]]<br>
 +
[[File:SD-2.png]]<br>
  
−
/* LISTS
+
=='''Resource'''==
−
=============================================================================*/
+
[https://s3.amazonaws.com/sunfounder/Raspberry/images/3.5LCD-Show/3.5-inch-LCD-2016-09-23-raspbian-jessie.zip 3.5-inch-LCD-2016-09-23-raspbian-jessie][[File:ZIP.jpg]]<br>
  
−
ul, ol {
+
[https://s3.amazonaws.com/sunfounder/Raspberry/images/LCD-show.tar.gz LCD-show][[File:ZIP.jpg]]
−
  padding-left: 30px;
+
−
}
+
−
 
+
−
ul li > :first-child,
+
−
ol li > :first-child,
+
−
ul li ul:first-of-type,
+
−
ol li ol:first-of-type,
+
−
ul li ol:first-of-type,
+
−
ol li ul:first-of-type {
+
−
  margin-top: 0px;
+
−
}
+
−
 
+
−
ul ul, ul ol, ol ol, ol ul {
+
−
  margin-bottom: 0;
+
−
}
+
−
 
+
−
dl {
+
−
  padding: 0;
+
−
}
+
−
 
+
−
dl dt {
+
−
  font-size: 14px;
+
−
  font-weight: bold;
+
−
  font-style: italic;
+
−
  padding: 0;
+
−
  margin: 15px 0 5px;
+
−
}
+
−
 
+
−
dl dt:first-child {
+
−
  padding: 0;
+
−
}
+
−
 
+
−
dl dt>:first-child {
+
−
  margin-top: 0px;
+
−
}
+
−
 
+
−
dl dt>:last-child {
+
−
  margin-bottom: 0px;
+
−
}
+
−
 
+
−
dl dd {
+
−
  margin: 0 0 15px;
+
−
  padding: 0 15px;
+
−
}
+
−
 
+
−
dl dd>:first-child {
+
−
  margin-top: 0px;
+
−
}
+
−
 
+
−
dl dd>:last-child {
+
−
  margin-bottom: 0px;
+
−
}
+
−
 
+
−
/* CODE
+
−
=============================================================================*/
+
−
 
+
−
pre, code, tt {
+
−
  font-size: 12px;
+
−
  font-family: Consolas, "Liberation Mono", Courier, monospace;
+
−
}
+
−
 
+
−
code, tt {
+
−
  margin: 0 0px;
+
−
  padding: 0px 0px;
+
−
  white-space: nowrap;
+
−
  border: 1px solid #eaeaea;
+
−
  background-color: #f8f8f8;
+
−
  border-radius: 3px;
+
−
}
+
−
 
+
−
pre>code {
+
−
  margin: 0;
+
−
  padding: 0;
+
−
  white-space: pre;
+
−
  border: none;
+
−
  background: transparent;
+
−
}
+
−
 
+
−
pre {
+
−
  background-color: #f8f8f8;
+
−
  border: 1px solid #ccc;
+
−
  font-size: 13px;
+
−
  line-height: 19px;
+
−
  overflow: auto;
+
−
  padding: 6px 10px;
+
−
  border-radius: 3px;
+
−
}
+
−
 
+
−
pre code, pre tt {
+
−
  background-color: transparent;
+
−
  border: none;
+
−
}
+
−
 
+
−
kbd {
+
−
    -moz-border-bottom-colors: none;
+
−
    -moz-border-left-colors: none;
+
−
    -moz-border-right-colors: none;
+
−
    -moz-border-top-colors: none;
+
−
    background-color: #DDDDDD;
+
−
    background-image: linear-gradient(#F1F1F1, #DDDDDD);
+
−
    background-repeat: repeat-x;
+
−
    border-color: #DDDDDD #CCCCCC #CCCCCC #DDDDDD;
+
−
    border-image: none;
+
−
    border-radius: 2px 2px 2px 2px;
+
−
    border-style: solid;
+
−
    border-width: 1px;
+
−
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+
−
    line-height: 10px;
+
−
    padding: 1px 4px;
+
−
}
+
−
 
+
−
/* QUOTES
+
−
=============================================================================*/
+
−
 
+
−
blockquote {
+
−
  border-left: 4px solid #DDD;
+
−
  padding: 0 15px;
+
−
  color: #777;
+
−
}
+
−
 
+
−
blockquote>:first-child {
+
−
  margin-top: 0px;
+
−
}
+
−
 
+
−
blockquote>:last-child {
+
−
  margin-bottom: 0px;
+
−
}
+
−
 
+
−
/* HORIZONTAL RULES
+
−
=============================================================================*/
+
−
 
+
−
hr {
+
−
  clear: both;
+
−
  margin: 15px 0;
+
−
  height: 0px;
+
−
  overflow: hidden;
+
−
  border: none;
+
−
  background: transparent;
+
−
  border-bottom: 4px solid #ddd;
+
−
  padding: 0;
+
−
}
+
−
 
+
−
/* TABLES
+
−
=============================================================================*/
+
−
 
+
−
table th {
+
−
  font-weight: bold;
+
−
}
+
−
 
+
−
table th, table td {
+
−
  border: 1px solid #ccc;
+
−
  padding: 6px 13px;
+
−
}
+
−
 
+
−
table tr {
+
−
  border-top: 1px solid #ccc;
+
−
  background-color: #fff;
+
−
}
+
−
 
+
−
table tr:nth-child(2n) {
+
−
  background-color: #f8f8f8;
+
−
}
+
−
 
+
−
/* IMAGES
+
−
=============================================================================*/
+
−
 
+
−
img {
+
−
  max-width: 100%
+
−
}
+
−
</style>
+
−
</head>
+
−
<body>
+
−
<h1>3.5 Inch LCD Touch Screen Monitor for Raspberry Pi</h1>
+
−
<p><img src="" /></p>
+
−
<h4>Application</h4>
+
−
<p>This 3.5 Inch LCD touch screen monitor can be applied to Raspberry Pi 1 model B and B+, 2 model B and 3 model B. </p>
+
−
<h4>Operation Procedures</h4>
+
−
<p>Download the simplified installation package below (or <a href="LCD-show.tar.gz">here</a>). Transfer it to the Raspberry Pi. </p>
+
−
<p>Finish the installation with <strong>Installation Guide</strong> which comes along with the product.</p>
+
−
<h3>Touch Screen Calibration</h3>
+
−
<ol>
+
−
<li>If there's any deviations of the touch screen, you need to calibrate it. On the touch screen, use a mouse, to click <strong>Menu</strong>, -&gt; <strong>Preference</strong> -&gt; <strong>Calibrate Touchscreen</strong>.
+
−
<img src="1.png" /></li>
+
−
<li>Then the screen will show 4 points. You need to tap them one by one to calibrate.
+
−
<img src="" /></li>
+
−
<li>After calibration, you will get the following. Copy the contents in the red box.
+
−
<img src="1.jpg" /></li>
+
−
<li>
+
−
<p>In the terminal, type in </p>
+
−
<pre><code>sudo nano /etc/X11/xorg.conf.d/99-calibration.conf
+
−
</code></pre>
+
−
 
+
−
<p>Paste what you have copied just now to the file</p>
+
−
<p>Press <strong>Ctrl</strong> + <strong>X</strong>, select <strong>Y</strong>, and then press <strong>Enter</strong> to save the file</p>
+
−
</li>
+
−
<li>
+
−
<p>In the terminal, type in</p>
+
−
<pre><code>sudo reboot
+
−
</code></pre>
+
−
 
+
−
</li>
+
−
</ol>
+
−
<p>After rebooting, the calibration will be done.
+
−
<img src="" /></p>
+
−
 
+
−
</body>
+
−
</html>
+
−
<!-- This document was created with MarkdownPad, the Markdown editor for Windows (http://markdownpad.com) -->
+

Latest revision as of 06:33, 8 August 2017

Introduction

LCD1.jpg
This monitor is specially designed for Raspberry Pi. You're recommended to download and install the image we provide. It is written based on the Raspbian Jessie 2016-5-27 version and we've pre-installed the driver and pre-set the calibration program. So you can just burn it on your card for use. If you want to change the calibration, you can just find the program and alter it.
Download the image at the bottom of the page, unzip the package downloaded and you'll see a .img file. Burn it to your TF card by win32imager.
Next, connect the monitor to the Raspberry Pi, and the HDMI board. plug in the TF card with the image file burnt. Connect the power and you can start the use. Or, you may install the driver based on the instructions we provide in the package.

If you have any problem, please feel free to contact us, by email to service@sunfounder.com or posts on our FORUM. We'll reply you ASAP. Thanks for support!

Note:
1) If you're doing this on an HDMI display, you're suggested to plug in the 3.5inch display into the Raspberry Pi. After the driver is installed and the Raspberry Pi is rebooted, you can see the 3.5 screen shows the desktop of the Raspberry Pi, while the HDMI displays the CLI (command line interface).


Pin Description

3.5inchdisplay.jpg

Application

This 3.5 Inch LCD touch screen monitor can be applied to Raspberry Pi 1 model B and B+, 2 model B and 3 model B.

Operation Procedures

LCD2.jpg

Download the simplified installation package below (or here). Transfer it to the Raspberry Pi.

Finish the installation with Installation Guide which comes along with the product.

Touch Screen Calibration

1.If there's any deviations of the touch screen, you need to calibrate it. On the touch screen, use a mouse, to click Menu -> Preference -> Calibrate Touchscreen. 

LCD3.jpg

2.Then the screen will show 4 points. You need to tap them one by one to calibrate.

LCD4.jpg

3.After calibration, you will get the following. Copy the contents in the red box.

LCD5.jpg 

4.In the terminal, type in 

sudo nano /etc/X11/xorg.conf.d/99-calibration.conf

Paste what you have copied just now to the file

Press Ctrl + X, select Y, and then press Enter to save the file

5.In the terminal, type in 

sudo reboot

After rebooting, the calibration will be done.

Attention

Warning:sometimes the driver installation may fail to be completed, and will further cause data missing, so you will need to reburn the system. You should clear about the risk.
Suggestion:Copy the important information on SD card to another one before driver installation.
Here is how:Connect the Raspberry Pi to the display, click menu -> Accessories -> SD Card Copier, and select the proper device to start.
SD-1.png
SD-2.png

Resource

3.5-inch-LCD-2016-09-23-raspbian-jessieZIP.jpg

LCD-showZIP.jpg

Retrieved from "http://wiki.sunfounder.cc/index.php?title=3.5_Inch_LCD_Touch_Screen_Monitor_for_Raspberry_Pi&oldid=4526"