Rushtp #1 - Nextion 7” Display DIY Enclosure/Case

by Rushtp in Circuits > Gadgets

716 Views, 4 Favorites, 0 Comments

Rushtp #1 - Nextion 7” Display DIY Enclosure/Case

Nextion Demo Face.bmp
0) IMG_0723.JPG
0) IMG_0688s1.gif
0. Background.bmp

Background

The Nextion displays suffer from a physical weakness. Continued handling can, and in my case has, resulted in a tear in one of the ribbon cables at the side of the screen. So after buying a new, and updated, display I determined to get a suitable enclosure. Not a simple task. They didn’t appear to be available. Hence this project…

Table of Contents

Step 1:    Tools

Step 2:    Nextion Screen and Hammond Box

Step 3:    Mark Out the Opening

Step 4:    Mark Off the Positions of 10mm Holes in Each Corner

Step 5:    Drill the Holes

Step 6:    Cutting Out Using Either a Jig Saw or a Fret Saw

Step 7:    Use a File Expand the Cut Out to the Lines

Step 8:    Protecting the Ribbon Cables

Step 9:    ‘First Fix’ of the Screen

Step 10: ‘Second Fix’ of the Screen

Step 11: Enclosure Cut-outs

Step 12: Finished


Supplies

  1. Nextion Intelligent 7" Touch Screen (e.g. NX8048P070-011C) - or any Nextion 7" Display
  2. Hammond 1599KSGY Hand-held ABS Box 220 x 140 x 40 Grey
  3. M3 Brass Spacer Standoff Screw Nut Assortment Kit

Tools

Nextion Screen and Hammond Box

1. IMG_0635.JPG
1. IMG_0636.JPG
1. IMG_0637.JPG
1. IMG_0638.JPG

I eventually discovered the “Hammond 1599KSGY Hand-held ABS Box 220 x 140 x 40 Grey” at a reasonable price that looked to be a great match for enclosing the Nextion 7” Displays. The case itself is inverted. The lid is the base of the box and the top face has a neat recess.

Internally there are a number of 5mm high fixed stand-offs which in practice have no effect on the final result.





Table of Contents

Mark Out the Opening

2a. IMG_0639.JPG

Centre the glass part of the screen on the box face and mark out the cut out in pencil.





Table of Contents

Mark Off the Positions of 10mm Holes in Each Corner

2b. IMG_0641.JPG
2b. IMG_0643.JPG

Mark out the centre of a 10mm hole in each corner 5mm from each side line (ignore the diagonal lines in the photo). Use a centre punch to make a drill guide.





Table of Contents

Drill the Holes

3. IMG_0644.JPG
3. IMG_0645.JPG

Drill in the marked corners first with the 3.5mm drill and then the 10mm drill. The hole should just touch the cut out guide lines.





Table of Contents

Cutting Out Using Either a Jig Saw or a Fret Saw

6. IMG_0648.JPG
6. IMG_0649.JPG
6. IMG_0651.JPG
6. IMG_0652.JPG
6. IMG_0653.JPG

If you are using a Jig saw or Fret saw cut to the just inside the cut out guide. I have made a stand to invert my Jig saw so I had to mark out the cut out on the inside of the box. There are a number of tutorials on the internet for DIY stands to invert Jig saws.





Table of Contents

Use a File Expand the Cut Out to the Lines

7. IMG_0654.JPG
7. IMG_0655.JPG
7. IMG_0657.JPG
7. IMG_0659.JPG
7. IMG_0661.JPG
7. IMG_0721.JPG

Clamp the enclosure as best you can and file the cut out to the guide lines. The clogged file can be cleaned with a wire brush. A garage vacuum cleaner is great for clearing up the mess (especially from your clothes and shoes).





Table of Contents

Protecting the Ribbon Cables

8. IMG_0663.JPG
8. IMG_0664.JPG
8. IMG_0665.JPG
8. IMG_0668.JPG

BEFORE ATTEMPTING TO FIT THE SCREEN the following modification must be carried out.

Note the positions of the two ribbon cables where they attach to the glass screen. Because the glass is thinner than the enclosure the cut out edges need to be chamfered to a thickness less than that of the glass.

Use a pencil to draw the location of the chamfers. Then use a file to make the chamfers. I used a permanent marker pen to highlight the chamfered edges to make them clearly visible.





Table of Contents

‘First Fix’ of the Screen

9a. IMG_0669.JPG
9b. IMG_0670.JPG
9c. IMG_0671.JPG
9d. IMG_0672.JPG
9e. IMG_0666.JPG

Ensure the screen fits without forcing it. Then carefully drill out 3.5mm holes for the mounting points in each corner. Use a larger drill deburr the holes. Rub out the pencil lines and clean up the dust.





Table of Contents

‘Second Fix’ of the Screen

10b. IMG_0674.JPG
10a. M3 Brass Spacer Standoff Screw Nut Assortment Kit.jpg
10c. IMG_0675.JPG
10d. IMG_0676.JPG
10e. IMG_0679.JPG

Attach the screen using M3 5mm standoff spacers ( Assortment Kit). The 4 remaining fixed standoffs on the enclosure are 5mm high and are clear of the screen components.





Table of Contents

Enclosure Cut-outs

11a. Nextion Intelligent 7inch pcb features.jpg
11b. IMG_0678.JPG
11c. IMG_0677.JPG
11d. IMG_0680.JPG
11e. IMG_0681.JPG
11f. IMG_0682.JPG
11g. IMG_0683.JPG
11h. IMG_0685.JPG
11i. IMG_0684.JPG

I use the same Nextion screen for developing various projects and need access to the 4p Serial Connector and the SD Card Slot. Therefore I marked out and cut two openings in the sides of the case.

REMOVE THE SCREEN BEFORE CUTTING THE HOLES!

The sticky delivery note on the inside of the enclosure was to remind me where I purchased it from.





Table of Contents

Finished

12a. IMG_0686.JPG
12b. IMG_0723.JPG
12c. IMG_0722.JPG