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

From Wiki
Jump to: navigation, search
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
+
[[File:LCD1.jpg]]
−
=============================================================================*/
+
  
−
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 {
+
===Application===
−
  margin: 0;
+
−
  padding: 0;
+
−
  border: 0;
+
−
}
+
  
−
/* BODY
+
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.
−
=============================================================================*/
+
  
−
body {
+
===Operation Procedures===
−
  font-family: Helvetica, arial, freesans, clean, sans-serif;
+
[[File:LCD2.jpg]]
−
  font-size: 14px;
+
−
  line-height: 1.6;
+
−
  color: #333;
+
−
  background-color: #fff;
+
−
  padding: 20px;
+
−
  max-width: 960px;
+
−
  margin: 0 auto;
+
−
}
+
  
−
body>*:first-child {
+
Download the simplified installation package below (or here). Transfer it to the Raspberry Pi.
−
  margin-top: 0 !important;
+
−
}
+
  
−
body>*:last-child {
+
Finish the installation with '''Installation Guide''' which comes along with the product.
−
  margin-bottom: 0 !important;
+
−
}
+
  
−
/* BLOCKS
+
===Touch Screen Calibration===
−
=============================================================================*/
+
  
−
p, blockquote, ul, ol, dl, table, pre {
+
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'''. 
−
  margin: 15px 0;
+
−
}
+
  
−
/* HEADERS
+
[[File:LCD3.jpg]]
−
=============================================================================*/
+
  
−
h1, h2, h3, h4, h5, h6 {
+
2.Then the screen will show 4 points. You need to tap them one by one to calibrate.
−
  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 {
+
[[File:LCD4.jpg]]
−
  font-size: inherit;
+
−
}
+
  
−
h1 {
+
3.After calibration, you will get the following. Copy the contents in the red box.
−
  font-size: 28px;
+
−
  color: #000;
+
−
}
+
  
−
h2 {
+
[[File:LCD5.jpg]] 
−
  font-size: 24px;
+
−
  border-bottom: 1px solid #ccc;
+
−
  color: #000;
+
−
}
+
  
−
h3 {
+
4.In the terminal, type in
−
  font-size: 18px;
+
−
}
+
  
−
h4 {
+
sudo nano /etc/X11/xorg.conf.d/99-calibration.conf
−
  font-size: 16px;
+
−
}
+
  
−
h5 {
+
Paste what you have copied just now to the file
−
  font-size: 14px;
+
−
}
+
  
−
h6 {
+
Press '''Ctrl + X''', select '''Y''', and then press '''Enter''' to save the file
−
  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 {
+
5.In the terminal, type in
−
  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 {
+
sudo reboot
−
  margin-top: 0;
+
After rebooting, the calibration will be done.
−
  padding-top: 0;
+
−
}
+
−
 
+
−
h1+p, h2+p, h3+p, h4+p, h5+p, h6+p {
+
−
  margin-top: 10px;
+
−
}
+
−
 
+
−
/* LINKS
+
−
=============================================================================*/
+
−
 
+
−
a {
+
−
  color: #4183C4;
+
−
  text-decoration: none;
+
−
}
+
−
 
+
−
a:hover {
+
−
  text-decoration: underline;
+
−
}
+
−
 
+
−
/* LISTS
+
−
=============================================================================*/
+
−
 
+
−
ul, ol {
+
−
  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) -->
+

Revision as of 02:05, 16 June 2016

LCD1.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.

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