Difference between revisions of "7 Inch DIY Touch Screen"

From Wiki
Jump to: navigation, search
Line 37: Line 37:
 
At this point, the Micro SD card pops up. Insert the Micro SD card into the Raspberry Pi.<br>
 
At this point, the Micro SD card pops up. Insert the Micro SD card into the Raspberry Pi.<br>
  
='''Supporting the Seven-inch Screen'''=
+
='''Connect the Raspberry Pi and Screen'''=
Use a nut (M3) and a copper post (M3 * 8 + 6) to support the seven-inch touch screen.<br>
+
Take out M3 screws and M3x8+6 single-pass brass standoff to support the 7-inch touch screen.<br>
  
[[File:7-inch.jpg]]<br>
+
[[File:图片4.png]]<br>
  
Rendering<br>
+
This 7-inch touch screen is compatible with any version of the Raspberry Pi. <br>
 +
The kit provides 2 types of HDMI cables, of which HDMI to Micro HDMI cable applies to Raspberry Pi 4 Model B, and the other cable, HDMI to HDMI cable is suitable for Raspberry Pi 3 and the lower versions.<br>
  
[[File:7-inch1.jpg]]<br>
+
[[File:图片5.png]]<br>
  
This 7-inch touch screen is compatible with any version of the Raspberry Pi.<br>
+
[[File:图片6.png]]<br>
  
='''With a Raspberry Pi 4'''=
+
Connect the USB cable to Raspberry Pi.<br>
Connect the Raspberry Pi 4 to HDMI with a micro HDMI cable.<br>
+
  
[[File:7-inch2.jpg]]<br>
+
[[File:图片7.png]]<br>
  
Wire the USB cable up to Raspberry Pi 4.<br>
+
Plug the USB power supply into a socket and connect it to your Raspberry Pi’s power port, and you may find a red LED lighting up on the Raspberry Pi, which indicates that Raspberry Pi is connected to power. As Raspberry Pi starts up (also called booting), raspberries appears in the top left-hand corner on your screen. After a few seconds, the Raspberry Pi Desktop will appear.<br>
  
[[File:7-inch3.jpg]]<br>
+
[[File:图片8.png]]<br>
  
Give it a power supply, Plug and play.<br>
+
='''Set up the Raspberry Pi Desktop'''=
 +
When you start your Raspberry Pi for the first time, the Welcome to Raspberry Pi application will pop up and guide you through the initial setup. Click Next to start the setup.<br>
  
[[File:7-inch4.jpg]]<br>
+
[[File:图片9.png]]<br>
  
='''Adjust the Resolution of Raspberry Pi 4'''=
+
Set your Country, Language, and Timezone, then click Next again.<br>
'''Step 1: Unfold the menu bar of Raspberry Pi.'''<br>
+
  
[[File:7-inch5.jpg]]<br>
+
[[File:图片10.png]]<br>
  
'''Step 2: Select screen configuration.'''<br>
+
Enter a new password for your Raspberry Pi and click Next. In this step, you need to plug a keyboard into the Raspberry Pi to help you input the new password.<br>
  
[[File:7-inch6.jpg]]<br>
+
[[File:图片11.png]]<br>
  
'''Step 3: Select Configure.'''<br>
+
Connect to your WiFi network by selecting its name, entering the password, and clicking Next.<br>
  
[[File:7-inch7.jpg]]<br>
+
[[File:图片12.png]]<br>
  
'''Step 4: Select Screens.'''<br>
+
Click Next let the wizard check for updates to Raspbian and install them (this might take a little while).<br>
  
[[File:7-inch8.jpg]]<br>
+
[[File:图片13.png]]<br>
  
'''Step 5: Choose the resolution you want.'''<br>
+
='''Adjust the Resolution'''=
 +
For the Raspberry Pi 3 and the lower versions, you need reset the resolution ratio as  follows. As for Raspberry Pi 4, when you start up it, the resolution is optimum. If you want to change its resolution, please refer to the next part. <br>
  
[[File:7-inch9.jpg]]<br>
+
*For Raspberry Pi 3 or Lower Version
  
='''With a Raspberry Pi 3'''=
 
Plug a dual-head HDMI cable in Raspberry Pi 3.<br>
 
 
[[File:7-inch10.jpg]]<br>
 
 
Connect the Raspberry Pi 3 with a USB cable.<br>
 
 
[[File:7-inch11.jpg]]<br>
 
 
Attach a power supply to it, turn it on.<br>
 
 
[[File:7-inch12.jpg]]<br>
 
 
='''Adjust the Resolution of Raspberry Pi 3'''=
 
 
'''Step 1: Open config.txt'''<br>
 
'''Step 1: Open config.txt'''<br>
 
There are two methods to do so. <br>
 
'''Method A:'''First prepare a computer on Windows, Mac or Linux, and a TF card on which the Raspbian system has been burnt. Plug the TF card into the computer with a card reader.Now, open /boot and find the config.txt file. If your computer runs on Windows, DO NOT open the file by Word (also better not notepad) in case of format issues. You are advised to use other edit tools like Notepad++ . <br>
 
'''Method B:'''Log in to Raspberry Pi remotely. Run the command to edit config.txt<br>
 
 
<pre>
 
<pre>
 
sudo nano /boot/config.txt
 
sudo nano /boot/config.txt
 
</pre>
 
</pre>
'''Step 2: Modify the /boot/config.txt file'''<br>
 
  
In either way, now the file config.txt is opened. <br>
+
'''Step 2: Modify the /boot/config.txt file'''<br>
1.Define a custom CVT mode (since Raspberry Pi uses the standard rate when 1024x600 is not included,you need to set the aspect ratio as 16:9, i.e. 1024x576) add the following lines below ''#hdmi_force_hotplug=1''.<br>
+
 
 +
Anyway, now the file config.txt is opened. <br>
 +
1. Define a custom CVT mode (since Raspberry Pi uses the standard rate when 1024x600 is not included, you need to set the aspect ratio close to 16:9) and add the following lines below #hdmi_force_hotplug=1.<br>
 
<pre>
 
<pre>
 
hdmi_cvt=1024 576 60 3 0 0 0
 
hdmi_cvt=1024 576 60 3 0 0 0
 
</pre>
 
</pre>
 +
 
'''hdmi_cvt=<width> <height> <framerate> <aspect> <margins> <interlace>'''<br>
 
'''hdmi_cvt=<width> <height> <framerate> <aspect> <margins> <interlace>'''<br>
 
[[File:7-inch13.jpg]]<br>
 
[[File:7-inch13.jpg]]<br>
Line 132: Line 117:
 
'''hdmi_mode=87''' indicates the resolution bit. <br>
 
'''hdmi_mode=87''' indicates the resolution bit. <br>
 
'''hdmi_drive=2''' selects the Normal HDMI mode. <br>
 
'''hdmi_drive=2''' selects the Normal HDMI mode. <br>
For more details about configuring config.txt, refer to Raspberry Pi official website: https://www.raspberrypi.org/documentation/configuration/config-txt.md.<br>
 
After the modification is done, save and exit. <br>
 
  
'''Step 3: Connect Raspberry Pi'''<br>
+
After the modification is done, save and exit. For more details about configuring config.txt, refer to Raspberry Pi official website:https://www.raspberrypi.org/documentation/configuration/config-txt.md.<br>
If you change the commands on your PC, after mounting the TF card safely, plug it into the Raspberry Pi. Then connect the power of the Raspberry Pi and the display. <br>
+
 
If you log in the Raspberry Pi remotely with ssh, type in the command '''sudo reboot'''. 
+
'''Step 3:Reboot Raspberry Pi.'''<br>
 +
 
 +
Reboot the Raspberry pi with the command sudo reboot. <br>
 +
<pre>
 +
sudo reboot
 +
</pre>
 +
 
 +
*For Raspberry Pi
 +
1.Click the '''Raspberry Pi icon''' -> '''Preferences''' ->'''Screen Configuration'''.<br>
 +
 
 +
[[File:图片14.png]]<br>
 +
 
 +
2.Then choose '''Configure''' ->'''Screens''' -> '''HDMI-1''' -> '''Resolution''' -> '''choose the resolution that you want'''.<br>
 +
 
 +
[[File:图片15.png]]<br>
 +
 
 +
3.After that you need to click the '''tick icon''' to save your configure.<br>
 +
 
 +
[[File:图片16.png]]<br>

Revision as of 09:37, 8 November 2019

Overview

Screen: 7-inch Touch Screen
Resolution: 1024 x 600 (16:9)
Input Signal: HDMI
Module Size: 165.30(W) x121(H) x 7.75(T)
Active Area: 154.21(mm) x 85.92(mm).
This Raspberry Pi touchscreen has HD 1024 x 600 resolution, 16.7M (8bit) color numbers, giving high color restoration display. Rectangular ratio 16:9 displays format conversion. IPS 170° full wide visual angle gives you a crystal-clear viewing experience.
It supports Raspbian/Win7/Win8/Win10(Plug and play), Android/Linux (need to be configured first).
Equipped with Micro USB and HDMI port support, the screen can be connected to the device via HDMI interface and be powered via USB. Achieving touch function powered by USB doesn’t need power cord or drive-free.

图片1.png

Burn the System to TF Card

Note:

  • Do not install the Raspbian system by means of NOOBS, otherwise there appears touch failure.
  • On other displays, if you have installed the system on your Raspberry Pi by means of NOOBS, you can still use the 7-inch touch screen.
  • If you have already installed the system, you can directly skip this chapter. Turn to next chapter to refer to Connect the Raspberry Pi and Screen, and you can get to use the 7-inch touch screen.

Step 1
Prepare the tool of image burning. Here we use the Etcher. You can download the software from the link:https://www.balena.io/etcher/

Step 2
Download the complete image on the official website by clicking this link: https://www.raspberrypi.org/downloads/raspbian/.
There are three different kinds of Raspbian Stretches available, among which the Raspbian Stretch with desktop and recommended software will be the best choice if you have no other special requirements.

图片2.png

Step 3
Unzip the package downloaded and you will see the xxxx-xx-xx-raspbian-stretch.img file inside.

  • Note: DO NOT extract the file.

Step 4
With the application of Etcher, flash the image file, raspbian into the Micro SD card.

图片3.png

At this point, the Micro SD card pops up. Insert the Micro SD card into the Raspberry Pi.

Connect the Raspberry Pi and Screen

Take out M3 screws and M3x8+6 single-pass brass standoff to support the 7-inch touch screen.

图片4.png

This 7-inch touch screen is compatible with any version of the Raspberry Pi.
The kit provides 2 types of HDMI cables, of which HDMI to Micro HDMI cable applies to Raspberry Pi 4 Model B, and the other cable, HDMI to HDMI cable is suitable for Raspberry Pi 3 and the lower versions.

图片5.png

图片6.png

Connect the USB cable to Raspberry Pi.

图片7.png

Plug the USB power supply into a socket and connect it to your Raspberry Pi’s power port, and you may find a red LED lighting up on the Raspberry Pi, which indicates that Raspberry Pi is connected to power. As Raspberry Pi starts up (also called booting), raspberries appears in the top left-hand corner on your screen. After a few seconds, the Raspberry Pi Desktop will appear.

图片8.png

Set up the Raspberry Pi Desktop

When you start your Raspberry Pi for the first time, the Welcome to Raspberry Pi application will pop up and guide you through the initial setup. Click Next to start the setup.

图片9.png

Set your Country, Language, and Timezone, then click Next again.

图片10.png

Enter a new password for your Raspberry Pi and click Next. In this step, you need to plug a keyboard into the Raspberry Pi to help you input the new password.

图片11.png

Connect to your WiFi network by selecting its name, entering the password, and clicking Next.

图片12.png

Click Next let the wizard check for updates to Raspbian and install them (this might take a little while).

图片13.png

Adjust the Resolution

For the Raspberry Pi 3 and the lower versions, you need reset the resolution ratio as follows. As for Raspberry Pi 4, when you start up it, the resolution is optimum. If you want to change its resolution, please refer to the next part.

  • For Raspberry Pi 3 or Lower Version

Step 1: Open config.txt

sudo nano /boot/config.txt

Step 2: Modify the /boot/config.txt file
  Anyway, now the file config.txt is opened. 
1. Define a custom CVT mode (since Raspberry Pi uses the standard rate when 1024x600 is not included, you need to set the aspect ratio close to 16:9) and add the following lines below #hdmi_force_hotplug=1.

hdmi_cvt=1024 576 60 3 0 0 0

hdmi_cvt=<width> <height> <framerate> <aspect> <margins> <interlace>
7-inch13.jpg

2.Find the following lines (If there is a "#" mark at the beginning of any of the three lines, which means they are comments, delete the mark. The asterisk "*" represents the value.

hdmi_group=*
hdmi_mode=*
hdmi_drive=*

3.Modify the value,like this: 

hdmi_group=2
hdmi_mode=87
....
hdmi_drive=2

hdmi_group=2 means DMT (Display Monitor Timings; the standard typically used by monitors)
hdmi_mode=87 indicates the resolution bit. 
hdmi_drive=2 selects the Normal HDMI mode. 

After the modification is done, save and exit. For more details about configuring config.txt, refer to Raspberry Pi official website:https://www.raspberrypi.org/documentation/configuration/config-txt.md.

Step 3:Reboot Raspberry Pi.

Reboot the Raspberry pi with the command sudo reboot. 

sudo reboot
  • For Raspberry Pi 4 

1.Click the Raspberry Pi icon -> Preferences ->Screen Configuration.

图片14.png

2.Then choose Configure ->Screens -> HDMI-1 -> Resolution -> choose the resolution that you want.

图片15.png

3.After that you need to click the tick icon to save your configure.

图片16.png