Menu library for touch screens and/or mechanical buttons - ILI9341 displays

[@garyblackwood9459]

I must admit this looks really great, just what I was looking for. I had started on a simple settings menu of my own but it is just that very simple at the moment. Like you I used a list of objects each one specifying type, min, max values and increment plus a callback method to set the current value so its new value can be set while it is being changed and then on exit you decide to keep the new value or go back to the original value. I will try out your excellent library as it does so much more and no point in reinventing the wheel, thanks for sharing.

[@asifehsan4948]

Dear sir, thanks for providing such a wonderful tutorial. I learn lot of things from your videos. I make a project with Esp32 tft display and add a function to control led on off using menu and it perfectly works. You have such a great knowledge. I am very happy. ❤❤❤❤

[@KrisKasprzak]

Glad I could help!

[@DigitalDivotGolf]

Thank you! Your videos are very helpful. I will try this library out and hopefully I can clean up my touch screen projects!

[@KrisKasprzak]

Glad it was helpful!

[@AlexLiedl]

Came across this and this looks to be exactly what i am looking to incorporate into my project. Will admit, I am very new to this space. My challenge so far is finding a capacitive touchscreen less than 3 inches. I found one on amazon that uses the ili9341v driver. I see your repo mentions ili9341_t3. Do you think there will be any compatibility issues? Curious what screen you are using in your video.

[@KrisKasprzak]

If ili9341v uses the Adafrut_GFX library, my library can be adapted with around 10 lines of code changes. If the ili9341v does not use the Adafruit_GFX, this lib can't be used. I generally use displays like this www.amazon.com/DIANN-ILI9341-Display-320x240-Screen/dp/B0BNQBKFCT/ref=sr_1_4?crid=2KCRYW9FBAXRC&keywords=2.8%22%2BTFT&qid=1702491153&sprefix=2.8%2Btft%2Caps%2C81&sr=8-4&th=1 Also if you are using Arduinos, this lib will most likely not work--memory or other issues. I user Teensy 95% of the time ESP32 the other

[@AlexLiedl]

@@KrisKasprzak Thanks so much for the info! I’m reviewing your repo now! I placed my amazon order and cannot wait to try this out. If this works, you have solved for me what i have been scratching my head on for over 3 months!!! True life saver!!

[@NicholasRadina]

Well done! Thank you!

[@KrisKasprzak]

Glad it was helpful!

[@hamedtaran2102]

Thanks a lot 🙏

[@KrisKasprzak]

You're most welcome

[@SHULIN-rf6tr]

awesome，are you consider use LVGL?

[@KrisKasprzak]

I have not, I do have a utility PowerPoint that will create.INO files from slide content. Using that utility you create your UI using PowerPoint then with a push of a button, it will create graphics in an INO file.

[@ThermaLTake94]

Greetings from greece kris!! what an awesome library,im using an esp32 with the tft_eSPI library,can i incorporate your library with what i already use?

[@KrisKasprzak]

You definitely will not be able to use this library directly. I took a quick look at the class definition and it’s very similar to the library I’m using. give me a week or so and I’ll see what it would take to port this over.

[@carlosbarberis49]

Although I think these menus you created are great, I don't see anyway to specify the SPI control signals for the ILI9341 TFT display as well as touch screen that comes with that display. I'm I missing something here? Thank you.

[@KrisKasprzak]

you pass in the display object so the lib can draw stuff. You use what ever touch lib you prefer and process touch accordingly.

[@nomlas0803]

Nicely done! How do you suggest handling free text input, like SSID, password, etc? Using encoder to spin through the alphabet would be good enough for infrequently changed fields.

[@KrisKasprzak]

Thanks! One of the touch libraries has a keypad example for touch screens. while it only supports 0-9 as input I can see how this concept could be used to emulate a keyboard for keystroke input.

[@waynegalaugher5638]

I have a TEENSY 3.2 with an Adafruit 2.8 TFT SPI Cap touch. I used your Pin defines but it won't compile I tried with a 4.1 teensy ; no joy. The teensy works with the display with Teensy 3.2 with simple sketch but no cap touch. I'm following the pin defines in the sketch. Getting close but no joy. I think it's the libraries that are killing things. Retrying on different computer!

[@KrisKasprzak]

Yikes I don't think the lib here will work with cap touch devices--different chip i'm sure.

[@FAR-SOFT]

i just started working with esp32 and tft, any link to an tutorial how to install this library on arduino ide? I looked for this library in the arduino ide library manager, but I couldn't find it.

[@saydiy1528]

good job. what image convert app you used please?

[@KrisKasprzak]

javl.github.io/image2cpp/

[@saydiy1528]

@@KrisKasprzak Thank you. did you try move the menu up/down by finger instaed of the arrow?

[@larbigueraiche6721]

Good job. What is the difference between LED_PIN and PIN_LED in Mega2560_Menu_TouchInput.ino ? Thanks.

[@KrisKasprzak]

probably a typo. either control the display on / off

[@mitmicrocontroller475]

Sir, Is you used built in SPI pin?

[@theunmannedcollectiv]

Is there any wiring schematic for your code? I think I had connected correctly but struggling to get things to work, Code has uploaded cleanly, yet no menu, it’s a beautiful project, hoping to get past square one, thank you!!

[@KrisKasprzak]

Can you get any of the display driver examples to work?

[@theunmannedcollectiv]

@@KrisKasprzak I had the drivers and test code working on my UNO but I am thinking I have something off in the MEGA is there was a fritzing or something I could check against?

[@theunmannedcollectiv]

I have the screen working but which pins on Arduino Mega are T-DO, T-DIN-T-CS-T-CLK?

[@theunmannedcollectiv]

ok, it is working sort of, touch works, screen and menu works, but touch is way off and after a few selections it goes to a screen flashing done in blue and red

[@akhilavissomraju1245]

hey its an amazing video...can you share the connections between the display and the esp32 cuz whenever i run the code.. the display is white...i checked the connections in the user setup file of the ili9341 display and tried to connect it like that but its not working....thank you

[@KrisKasprzak]

I use the same pinout that is listed in the comment block in the example .ino. Can you even get the examples running that deliver with the Adafruit_ILI9341 library?

[@akhilavissomraju1245]

@@KrisKasprzak sorry for the late reply..yes examples from adafruit_ILI9341 work but not the touch. can you tell me the touch pins connections to the esp. oh and also currently i am working with esp 32s2

[@connalmcilwraith4367]

Hi - I think your menu looks fantastic and I'm really keen to incorporate it in my project. I am using an ESP32 and an rotary encoder and, according to your Git Hub page, your touch sensor for ESP32 should allow me to switch off the touch screen and use a mechanical input instead. However, I can't see any code for an encoder. Am I missing something? Keep up the good work, though!

[@KrisKasprzak]

I’ve got an example for an encoder I’ll post it soon

[@connalmcilwraith4367]

@@KrisKasprzak thanks!

[@KrisKasprzak]

here you go! github.com/KrisKasprzak/Adafruit_ILI9341_Menu/tree/main/Examples/ESP32/ESP32_Menu_EncoderInput

[@connalmcilwraith4367]

@@KrisKasprzak Fantastic! It works perfectly. Thanks so much.

[@connalmcilwraith4367]

Hi - I've found one issue (not with your code) but I need to use a different screen driver, specifically tft_eSPI, as all my colours are inverted. However, if I do use the new driver, the compile stalls at the fonts because the eSPI driver expect the font in a different format. The menu.init in Adafruit_ILI9341_Menu.h is expecting 'setFont' and eSPI is expect 'setFreeFont' (I think). I've tried changing this (and many other pemutations) but I haven't had any success yet. Any suggestions? Thanks

[@alanlautenslager7141]

Yes I am just getting started with Arduino. Have a lot to learn at 75 years old. I have nothing but Arduinos from Nanos to Megas. Can I use this for Mega 2560? Is there a script available that I can look at and learn a lot from it? Thank you!

[@KrisKasprzak]

You can use this with a Mega2560, just make sure you use the Adafruit_ILI9341 display libraries and my Adafruit_ILI9341_Menu library. There are examples in both libs that can help you get started. I'd recommend getting the display working first

[@alanlautenslager7141]

@@KrisKasprzak Thank you for your reply. I guess I am looking for the script to enter into my IDE but cannot locate it or is this something I have to attempt to create? Like I said this is all new to me! :)

[@alanlautenslager7141]

Another question Kris - Again showing my lack of knowledge. If I understand your code is for a Teensy device? So if I use the Adafruit_ILI9341 librarys that makes it work with the Arduino?

[@pieterveenders9793]

Much respect to you Alan, I'm 33 and fairly good with computers, yet still find my first steps into Arduino quite daunting. You're the living proof that you never stop learning!

[@gaal8762]

Hello . Writes an error 'ILI9341_NAVY' was not declared in this scope 'ILI9341_DARKGREEN' was not declared in this scope 'ILI9341_DARKCYAN' was not declared in this scope 'ILI9341_MAROON' was not declared in this scope And a lot of this as well as 'elapsedMillis' does not name a type

[@KrisKasprzak]

It doesn’t sound like you’ve got the libraries installed.

[@gaal8762]

@@KrisKasprzak Thank you, I understand, I found your other code for mega 2560. Another question: for mega 2560 you need to connect only these contacts ? #define T_CS 3 #define T_IRQ 2 #define TFT_DC 48 #define TFT_CS 53 #define TFT_RST 49 #define PIN_LED 26 Do I need to connect MISO to 50 end MOSI to 51 ? Where to connect #define LED_PIN 26 ?

[@gaal8762]

@@KrisKasprzak Do you need matching resistors between the display and mega 2560?

[@projetbandyakama3889]

Hello; I'm working a 3.5 inch TFT with ILI 9488 as driver; how can I make the touch screen work with it and which library should I use?

[@KrisKasprzak]

What MCU are you using? This library could be easily adapted to work with other libraries provided they are based on the adafruit_GFX library. The read me posted on the kid hub page has a note on what he would need to edit.

[@projetbandyakama3889]

@@KrisKasprzak thanks for replaying ! I ´ m using Esp32 and my TFt 3.5 inch is on 8bit parallel mode (ILI9488) , it s work for display but I never found an adafruit library for touch.

[@glebetech6943]

Something appears to be broken with the library. I tried to install and run it on an ESP32 using Arduino 2.x and all the latest libraries. I also reverted the Arduino IDE to 2.1.8 and got exactly the same, multiple errors. It complains that a variable is not defined in the library rather than the arduino sketch. I have raised an issue. I was trying to use the touch functionality. Has anyone else experienced issues with this library?

[@KrisKasprzak]

I’ll take a look. I use this lib all the time so I’m sure it’s something simple.

[@glebetech6943]

@@KrisKasprzak I am going to try a complete re-install of the library and see if that helps.

[@glebetech6943]

@@KrisKasprzak So, I removed the libary from the Arduino library folder, extracted the downloaded zip, removed the 'main' extension and copied the library into the Arduino libraries folder. I then opened the touch example, I set the board to ESP32 dev and set the com port. I got exactly the same result, the example will not compile and has a similar list of faults to those I placed on the Github Wiki. Hopefully you can spot the issue which is likely something I have done wrong.

[@KrisKasprzak]

@@glebetech6943 i have fixed the issue, somehow and not sure how, the variable 'data' was deleted from the .h file. You can download the library and overwrite you current or simply add the following line to the file: Adafruit_ILI9341_Menu.h float data[MAX_OPT+1];

[@glebetech6943]

@@KrisKasprzak I downloaded the new library and it compiles with a warning about a deprecated pcnt driver. However, when I loaded it to an ESP32 it continuously printed out a WDT error so I disbled the WDT function at line 1598, 1599, that removed the continous error message but the display is blank. I'll double check the connections and try another ESP32 tomorrow.

[@ipadize]

does it work with ST7789?

[@KrisKasprzak]

What MCU are using?

[@ipadize]

@@KrisKasprzak Teensy 4.1

[@kunkhmer5246]

Hi Kris, will this library work with ILI9488 SPI?

[@KrisKasprzak]

Not as is. There are a few lines in the .h and .cpp you need to change to get it to work with the ILI9488 driver. Basically the obj definitions and the variable type. What MCU are you using?

[@kunkhmer5246]

@@KrisKasprzak Thank you Kris, I will give it a try.

[@kunkhmer5246]

@@KrisKasprzak I'm using ESP32 Dev. Module

[@cooljackwi]

Can i use both? The encoder and the Touch?

[@KrisKasprzak]

Someone else asked the same, I’ll take a look

[@KrisKasprzak]

I have updated the library to allow touch AND mechanical input. You can press menu items, then use something like and encoder to scroll through values. I have added an example for using Touch and and Encoder, noting that since you are having to trap encoder and touch, there is more processing code. Fortunately I was able to get both working w/o any method changes so this version should re-compile without errors. I have done a fair amount of testing, but if you see any issues, let me know. github.com/KrisKasprzak/ILI9341_t3_Menu Have fun..

[@cooljackwi]

@@KrisKasprzak i appreciate your work and will give it a try and let you know the outcome

[@mitmicrocontroller475]

How to declare for SPI pin

[@KrisKasprzak]

You don’t the display manages that. Once you have the display object created, you passed the display object into this library.

[@jumbo999614]

how to use rgb in ILI9341 library? I'm trying to do this: tft.fillRoundRect(175, 87, 310-175, 119-87, 3, RGB(xRC,xGC, xBC)); doesn't work.

[@KrisKasprzak]

The RGB method is on the display object so you have to call that appropriately. Something like this Display.RGB(255, 0 ,0); If you wish to use hex values, it would be like this Display.RGB (0xC, 0xC,0xC); Note display is your display object whatever you happen to name it

[@JOHNSMITH-ug2mt]

Ok, I'm a nooby...I have a mega2560, What Display would I use with this?

[@KrisKasprzak]

Can you set some parameters? What size display are you looking for? Do you want touch? While your options are limited to displays with the ILI9341 chip, you do have some choices. It’s hard to say without knowing much more.

[@JOHNSMITH-ug2mt]

@@KrisKasprzak 3.5 touchscreen if possible. thx!