Difference between revisions of "7 Inch DIY Touch Screen"

From Wiki
Jump to: navigation, search
 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
='''Supporting the Seven-inch Screen'''=
+
='''Overview'''=
Use a nut (M3) and a copper post (M3 * 8 + 6) to support the seven-inch touch screen.<br>
+
'''Screen''': 7-inch Touch Screen<br>
 +
'''Resolution''': 1024 x 600 (16:9)<br>
 +
'''Input Signal''': HDMI<br>
 +
'''Module Size''': 165.30(W) x121(H) x 7.75(T)<br>
 +
'''Active Area''': 154.21(mm) x 85.92(mm).<br>
 +
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.<br>
 +
It supports Raspbian/Win7/Win8/Win10(Plug and play), Android/Linux (need to be configured first). <br>
 +
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.<br>
  
[[File:7-inch.jpg]]<br>
+
Ideal for applications like retro gaming, industrial control, as a secondary monitor, in home automation, for 3D printing control, and as a [https://www.sunfounder.com/blogs/news/raspberry-pi-system-monitor-for-pc-enhancing-performance-and-remote-monitoring PC monitoring device].<br>
  
Rendering<br>
+
[[File:图片1.png]]<br>
  
[[File:7-inch1.jpg]]<br>
+
='''Burn the System to TF Card'''=
 +
Note:<br>
 +
*Do not install the Raspbian system by means of NOOBS, otherwise there appears touch failure.<br>
 +
*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.  <br>
 +
*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. <br>
  
This 7-inch touch screen is compatible with any version of the Raspberry Pi.<br>
+
'''Step 1'''<br>
 +
Prepare the tool of image burning. Here we use the Etcher. You can download the software from the link:https://www.balena.io/etcher/<br>
  
='''With a Raspberry Pi 4'''=
+
'''Step 2'''<br>
Connect the Raspberry Pi 4 to HDMI with a micro HDMI cable.<br>
+
Download the complete image on the official website by clicking this link: https://www.raspberrypi.org/downloads/raspbian/.<br>
 +
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.<br>
  
[[File:7-inch2.jpg]]<br>
+
[[File:图片2.png]]<br>
  
Wire the USB cable up to Raspberry Pi 4.<br>
+
'''Step 3'''<br>
 +
Unzip the package downloaded and you will see the xxxx-xx-xx-raspbian-stretch.img file inside. <br>
 +
*Note: DO NOT extract the file.
  
[[File:7-inch3.jpg]]<br>
+
'''Step 4'''<br>
 +
With the application of Etcher, flash the image file, raspbian into the Micro SD card.<br>
  
Give it a power supply, Plug and play.<br>
+
[[File:图片3.png]]<br>
  
[[File:7-inch4.jpg]]<br>
+
At this point, the Micro SD card pops up. Insert the Micro SD card into the Raspberry Pi.<br>
  
='''Adjust the Resolution of Raspberry Pi 4'''=
+
='''Connect the Raspberry Pi and Screen'''=
'''Step 1: Unfold the menu bar of Raspberry Pi.'''<br>
+
Take out M3 nuts and M3x8+6 single-pass brass standoff to support the 7-inch touch screen.<br>
  
[[File:7-inch5.jpg]]<br>
+
[[File:图片4.png]]<br>
  
'''Step 2: Select screen configuration.'''<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-inch6.jpg]]<br>
+
[[File:图片5.png]]<br>
  
'''Step 3: Select Configure.'''<br>
+
[[File:图片6.png]]<br>
  
[[File:7-inch7.jpg]]<br>
+
Connect the USB cable to Raspberry Pi.<br>
  
'''Step 4: Select Screens.'''<br>
+
[[File:图片7.png]]<br>
  
[[File:7-inch8.jpg]]<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>
  
'''Step 5: Choose the resolution you want.'''<br>
+
[[File:图片8.png]]<br>
  
[[File:7-inch9.jpg]]<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>
  
='''With a Raspberry Pi 3'''=
+
[[File:图片9.png]]<br>
Plug a dual-head HDMI cable in Raspberry Pi 3.<br>
+
  
[[File:7-inch10.jpg]]<br>
+
Set your Country, Language, and Timezone, then click Next again.<br>
  
Connect the Raspberry Pi 3 with a USB cable.<br>
+
[[File:图片10.png]]<br>
  
[[File:7-inch11.jpg]]<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>
  
Attach a power supply to it, turn it on.<br>
+
[[File:图片11.png]]<br>
  
[[File:7-inch12.jpg]]<br>
+
Connect to your WiFi network by selecting its name, entering the password, and clicking Next.<br>
  
='''Adjust the Resolution of Raspberry Pi 3'''=
+
[[File:图片12.png]]<br>
'''Step 1: Open config.txt'''<br>
+
  
There are two methods to do so. <br>
+
Click Next let the wizard check for updates to Raspbian and install them (this might take a little while).<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>
+
[[File:图片13.png]]<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>
 +
 
 +
*For Raspberry Pi 3 or Lower Version
 +
 
 +
'''Step 1: Open 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 600 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:171.jpg]]<br>
  
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.<br>
+
2.Find the following lines, delete the "#" mark and modify the value like this:<br>
<pre>
+
hdmi_group=*
+
hdmi_mode=*
+
hdmi_drive=*
+
</pre>
+
 
+
3.Modify the value,like this: 
+
 
<pre>
 
<pre>
 
hdmi_group=2
 
hdmi_group=2
Line 91: Line 109:
 
</pre>
 
</pre>
  
'''hdmi_group=2''' means DMT (Display Monitor Timings; the standard typically used by monitors)<br>
+
'''hdmi_group=2''' means DMT (Display Monitor Timings, the standard typically used on monitors)<br>
'''hdmi_mode=87''' indicates the resolution bit. <br>
+
'''hdmi_mode=87''' indicates we create a new hdmi mode named 87.  <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>
 +
 
 +
='''Install the Virtual Keyboard'''=
 +
 
 +
Open a terminal and run the command:<br>
 +
<pre>
 +
sudo apt-get install matchbox-keyboard
 +
</pre>
 +
 
 +
After the installation is done successfully, click '''Raspberry Pi icon''' -> '''Accessories''' -> '''Keyboard''' to open it.<br>
 +
 
 +
[[File:图片17.png]]<br>
 +
 
 +
=='''Resource'''==
 +
[http://wiki.sunfounder.cc/images/4/46/7-inch_DIY_Touch_Screen_datasheet.pdf 7-inch_DIY_Touch_Screen__Datasheet]<br>

Latest revision as of 08:28, 27 December 2023

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.

Ideal for applications like retro gaming, industrial control, as a secondary monitor, in home automation, for 3D printing control, and as a PC monitoring device.

图片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 nuts 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 600 60 3 0 0 0

hdmi_cvt=<width> <height> <framerate> <aspect> <margins> <interlace>
171.jpg

2.Find the following lines, delete the "#" mark and 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 on monitors)
hdmi_mode=87 indicates we create a new hdmi mode named 87.  
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

Install the Virtual Keyboard

Open a terminal and run the command:

sudo apt-get install matchbox-keyboard 

After the installation is done successfully, click Raspberry Pi icon -> Accessories -> Keyboard to open it.

图片17.png

Resource

7-inch_DIY_Touch_Screen__Datasheet