Difference between revisions of "UCTRONICS LCD35 HDMI RPI (HDMI interface)"

From UCTRONICS
Jump to: navigation, search
Line 30: Line 30:
 
                 Figure1                                      Figure2
 
                 Figure1                                      Figure2
 
          
 
          
The Figure 1 shows the display module pin out and dimension. Connect the 3.5inch LCD to the Raspberry Pi board like the Figure 2 shows. Power on the Raspberry Pi board and make sure the internet is connected properly.
+
The Figure 1 shows the display module pin out and dimension.
Note: LCD module pin1 should be aligned to Raspberry Pi board Pin1, misalign might cause damage.
+
Connect the 3.5 inch HDMI LCD to the Raspberry Pi board like the Figure 2 shows,
 +
*Step1 Align the pin 1 of the edge connector between the LCD display and Raspberry pi board,
 +
*Step2 Connect the HDMI interface with the HDMI adapter board.
 +
*Step3 Power on the Raspberry Pi board and make sure the internet is connected properly
 
====Download and install driver====
 
====Download and install driver====
The LCD driver has been already installed in the Micro SD card shipped only with the kit that includes a Micro SD card. The following steps are for install the driver on a clean system. All the installation steps are also available from our github: https://github.com/UCTRONICS/UCTRONICS_LCD35_RPI/
+
The driver includes the settings of the Raspbain OS resolution and touch screen support. The LCD driver has been already
 +
installed in the Micro SD card shipped with the bundle kit that includes a Micro SD card. Otherwise users have to install the
 +
driver manually with the following steps for a clean system.
 +
 
 
*Step1 Expand the Micro SD card
 
*Step1 Expand the Micro SD card
  
Line 46: Line 52:
 
*Step3 Download the driver package
 
*Step3 Download the driver package
  
<code><span style="color: rgb(0,0,255)"> ''sudo git clone https://github.com/UCTRONICS/UCTRONICS_LCD35_RPI.git''</span></code>
+
<code><span style="color: rgb(0,0,255)"> ''sudo git clone https://github.com/UCTRONICS/UCTRONICS_LCD35_HDMI_RPI.git''</span></code>
  
*Step4 Go to the UCTRONICS_LCD35_RPI
+
*Step4 Go to the UCTRONICS_LCD35_HDMI_RPI
  
<code><span style="color: rgb(0,0,255)"> ''cd UCTRONICS_LCD35_RPI''</span></code>
+
<code><span style="color: rgb(0,0,255)"> ''cd UCTRONICS_LCD35_HDMI_RPI''</span></code>
 
*Step5 Change the file permission
 
*Step5 Change the file permission
  
<code><span style="color: rgb(0,0,255)"> ''sudo chmod 777 UCTRONICS_LCD_backup''</span></code>
+
<code><span style="color: rgb(0,0,255)"> ''sudo chmod 777 UCTRONICS_hdmi_backup''</span></code>
 
+
<code><span style="color: rgb(0,0,255)"> ''sudo chmod 777 UCTRONICS_LCD35_install''</span></code>
+
  
<code><span style="color: rgb(0,0,255)"> ''sudo chmod 777 UCTRONICS_LCD_restore''</span></code>
+
<code><span style="color: rgb(0,0,255)"> ''sudo chmod 777 UCTRONICS_hdmi_install''</span></code>
  
<code><span style="color: rgb(0,0,255)"> ''sudo chmod 777 UCTRONICS_LCD_hdmi''</span></code>
+
<code><span style="color: rgb(0,0,255)"> ''sudo chmod 777 UCTRONICS_hdmi_restore''</span></code>
  
 
*Step6 Backup original system data
 
*Step6 Backup original system data
  
<code><span style="color: rgb(0,0,255)"> ''sudo ./UCTRONICS_LCD_backup''</span></code>
+
<code><span style="color: rgb(0,0,255)"> ''sudo ./UCTRONICS_hdmi_backup''</span></code>
  
*Step7 Install the LCD35 driver
+
*Step7 Install the LCD35 HDMI driver
  
<code><span style="color: rgb(0,0,255)"> ''sudo ./UCTRONICS_LCD35_install''</span></code>
+
<code><span style="color: rgb(0,0,255)"> ''sudo ./UCTRONICS_hdmi_install''</span></code>
  
Wait for a while the system will be installed and restarted automatically.
+
Wait for 2~3 minutes, the system will be installed and restarted automatically.
If you want to reuse the original system, you can use the below command
+
If you want to reuse the pre-installation system, you can use the below command
  
<code><span style="color: rgb(0,0,255)"> ''sudo ./UCTRONICS_LCD_restore''</span></code>
+
<code><span style="color: rgb(0,0,255)"> ''sudo ./UCTRONICS_hdmi_restore''</span></code>
  
 
If you want to display on HDMI instead of LCD, just use the below command
 
If you want to display on HDMI instead of LCD, just use the below command
Line 78: Line 82:
 
<code><span style="color: rgb(0,0,255)"> ''sudo ./UCTRONICS_LCD_hdmi''</span></code>
 
<code><span style="color: rgb(0,0,255)"> ''sudo ./UCTRONICS_LCD_hdmi''</span></code>
  
If you don’t want to run those command to install the LCD driver, we also provide ready to use system image file “UCTRONICS_LCD35_RPI.img". Please click the following link to download the system image file:
+
If you don’t want to run those commands to install the LCD driver, we also provide ready to use system image file
http://uctronics.oss-us-west-1.aliyuncs.com/LCD35/image/UCTRONICS_LCD35_RPI.img  
+
“UCTRONICS_LCD35_HDMI.img". Please click the following link to download the system image file:
Check the following link to install the win32diskimager tool in your computer. Then write the image file into the Micro SD card.  
+
http://uctronics.oss-us-west-1.aliyuncs.com/LCD35/image/UCTRONICS_LCD35_HDMI.img
 +
Check the following link to install the win32diskimager tool in your computer. Then write the image file into the Micro SD
 +
card.
 
https://sourceforge.net/projects/win32diskimager/
 
https://sourceforge.net/projects/win32diskimager/
 
====Add more functions to the LCD====
 
====Add more functions to the LCD====
 
=====Install calibration software for calibration=====
 
=====Install calibration software for calibration=====
  
<code><span style="color: rgb(0,0,255)"> ''cd UCTRONICS_LCD35_RPI''</span></code>
+
<code><span style="color: rgb(0,0,255)"> ''cd UCTRONICS_HDMI_RPI''</span></code>
  
 
<code><span style="color: rgb(0,0,255)"> ''sudo unzip Xinput-calibrator_0.7.5-1_armhf.zip''</span></code>
 
<code><span style="color: rgb(0,0,255)"> ''sudo unzip Xinput-calibrator_0.7.5-1_armhf.zip''</span></code>
Line 167: Line 173:
  
 
<code><span style="color: rgb(0,0,255)"> ''sudo reboot''</span></code>
 
<code><span style="color: rgb(0,0,255)"> ''sudo reboot''</span></code>
====7. Contact us====
+
==== Contact us====
 
If need any further support, please feel free to contact us.
 
If need any further support, please feel free to contact us.
 
{| border="1" cellspacing="5" cellpadding="5" align="center"
 
{| border="1" cellspacing="5" cellpadding="5" align="center"

Revision as of 04:30, 21 February 2018

UCTRONICS 3.5 Inches HDMI TFT LCD Touch Screen Display

Model:B0106

Introduction

UCTRONICS 3.5" HDMI TFT LCD display module is designed for Raspberry Pi 2 /Pi 3 Model B / B+ and can also be used on other hardware platforms which have HDMI display interface. The 3.5" screen is the same size as the standard Raspberry Pi model B/B+, and well mates with these Raspberry Pi boards. With its touch screen and split audio from the HDMI input, it is ideal for portable devices and multimedia projects, and it is a replacement for a heavy and bulky HDMI monitor, keyboard and mice. The highlight of this display module, it supports high frame rate videos playback compared to its SPI LCD counterpart. LCD screen backlight can be turned off by the tiny onboard button if needed.

Specification

LCD Resolution: 480 x 320 pixels Support plug and play
Interface: HDMI Support touch screen
HDMI Input Resolution support:480x320 ~ 1920x1280 Support game and video
Support audio split from HDMI Automatic driver installation script
Dimension: 55.98 x 85.60 mm Well mate with Pi Zero, Pi B+, Pi2 and Pi3

Hardware installation

        SPI hardware.png             LCD35 HDMI.jpg
                Figure1                                       Figure2
        

The Figure 1 shows the display module pin out and dimension. Connect the 3.5 inch HDMI LCD to the Raspberry Pi board like the Figure 2 shows,

  • Step1 Align the pin 1 of the edge connector between the LCD display and Raspberry pi board,
  • Step2 Connect the HDMI interface with the HDMI adapter board.
  • Step3 Power on the Raspberry Pi board and make sure the internet is connected properly

Download and install driver

The driver includes the settings of the Raspbain OS resolution and touch screen support. The LCD driver has been already installed in the Micro SD card shipped with the bundle kit that includes a Micro SD card. Otherwise users have to install the driver manually with the following steps for a clean system.

  • Step1 Expand the Micro SD card
    • sudo raspi-config

then Select Advanced Operations -> Expand Filesystem and hit YES , then go to Finish and you need to run sudo reboot to reboot your Raspberry Pi.

  • Step2 Update your Raspberry Pi system

sudo apt-get update

  • Step3 Download the driver package

sudo git clone https://github.com/UCTRONICS/UCTRONICS_LCD35_HDMI_RPI.git

  • Step4 Go to the UCTRONICS_LCD35_HDMI_RPI

cd UCTRONICS_LCD35_HDMI_RPI

  • Step5 Change the file permission

sudo chmod 777 UCTRONICS_hdmi_backup

sudo chmod 777 UCTRONICS_hdmi_install

sudo chmod 777 UCTRONICS_hdmi_restore

  • Step6 Backup original system data

sudo ./UCTRONICS_hdmi_backup

  • Step7 Install the LCD35 HDMI driver

sudo ./UCTRONICS_hdmi_install

Wait for 2~3 minutes, the system will be installed and restarted automatically. If you want to reuse the pre-installation system, you can use the below command

sudo ./UCTRONICS_hdmi_restore

If you want to display on HDMI instead of LCD, just use the below command

sudo ./UCTRONICS_LCD_hdmi

If you don’t want to run those commands to install the LCD driver, we also provide ready to use system image file “UCTRONICS_LCD35_HDMI.img". Please click the following link to download the system image file: http://uctronics.oss-us-west-1.aliyuncs.com/LCD35/image/UCTRONICS_LCD35_HDMI.img Check the following link to install the win32diskimager tool in your computer. Then write the image file into the Micro SD card. https://sourceforge.net/projects/win32diskimager/

Add more functions to the LCD

Install calibration software for calibration

cd UCTRONICS_HDMI_RPI

sudo unzip Xinput-calibrator_0.7.5-1_armhf.zip

cd xinput-calibrator_0.7.5-1_armhf/

sudo dpkg -i -B xinput-calibrator_0.7.5-1_armhf.deb

Install virtual keyboard
  • Step 1 Execute the following commands to install the corresponding software

sudo apt-get update

sudo apt-get install matchbox-keyboard

sudo nano /usr/bin/toggle-matchbox-keyboard.sh

  • Step 2 Copy the following contents to toggle box - keyboard. Sh, save the exit

{{{{

                   #!/bin/bash
                   #This script toggle the virtual keyboard
                   PID=pidof matchbox-keyboard
                   if [ ! -e $PID ]; then
                   killall matchbox-keyboard
                   else
                   matchbox-keyboard -s 50 extended&
                   fi

}}}}


  • Step 3 Execute the following command

sudo chmod +x /usr/bin/toggle-matchbox-keyboard.sh

sudo mkdir /usr/local/share/applications

sudo nano /usr/local/share/applications/toggle-matchbox-keyboard.desktop

  • Step 4 Copy the following contents to toggle - matchbox - keyboard. Desktop, save exit

{{{{

                   [Desktop Entry]
                   Name=Toggle Matchbox Keyboard
                   Comment=Toggle Matchbox Keyboard`
                   Exec=toggle-matchbox-keyboard.sh
                   Type=Application
                   Icon=matchbox-keyboard.png
                   Categories=Panel;Utility;MB
                   X-MB-INPUT-MECHANSIM=True

}}}}

  • Step 5 To perform the following command, note that this step must use the "PI" user permission, and if the administrator privileges are used, the file will not be found

nano ~/.config/lxpanel/LXDE-pi/panels/panel

  • Step 6 Find similar commands (different versions of ICONS may differ)

{{{{

                    Plugin {
                    type = launchbar
                    Config {
                    Button {
                    id=lxde-screenlock.desktop
                    }
                    Button {
                    id=lxde-logout.desktop
                    }
                    }

}}}}

  • Step 7 Add the following code to add a Button item

{{{{

                  Button {
                  id=/usr/local/share/applications/toggle-matchbox-keyboard.desktop
                  }


}}}}

  • Step 8 To restart the system with the following command, you can see a virtual keyboard icon in the top left corner

sudo reboot

Contact us

If need any further support, please feel free to contact us.

Website: http://www.uctronics.com
Email: [email protected]
Tel: +86 025 84271192