LCD GUI

melloman · November 9, 2015, 7:38am

Hallo

Ich arbeite gerade an einem kleinen Projekt und versuche auf meinem Adafruit LCD (320x480) ein Interface darzustellen, auf welchem man mit Tastern, einem Poti und später noch einem Scrollwheel navigieren kann. Aktuell kann ich mit dem Poti und den Tastern navigieren doch treten noch einige Probleme auf...

Beim Start erscheint ein Bitmap (bootScreen). Darauf gefolgt sollte nun anhand der Poti Stellung der entsprechende Screen folgen. Das Umschalten funktioniert einwandfrei, ausser dass der Poti teilweise empfindlich reagiert und Schwankungen hat.

Der Wechsel auf Menu2 mit dem Taster funktioniert auch, jedoch wechselt das Menu wieder zurück auf 1 wenn ich den Taster erneut drücke, was nicht sein sollte. Auch wird nicht automatisch der Screen entsprechend der Poti Stellung ausgegeben.

Wär froh wenn da mal jemand kurz drüber schauen könnte...
Ich bin Neuling was das Programmieren anbelangt, also bitte nicht schlagen

Danke und Gruss

void loop(void) {
  if (boot == 0){
    Serial.println(bootScreen());
    analogWrite(ledPin1, 255);
    analogWrite(ledPin2, 20);
    analogWrite(ledPin3, 20);
    mainMenu = 1;
    boot = 1;
    }

  int sensorReading = analogRead(A5);
  int range = map(sensorReading, sensorMin, sensorMax, 0, 6);
  if (digitalRead(tasterPin1)==HIGH){
    if (mainMenu!=1){
      mainMenu = 1;
      analogWrite(ledPin1, 255);
      analogWrite(ledPin2, 20);
      analogWrite(ledPin3, 20);
}
      }
      
  if (mainMenu==1){      

  switch (range) {
    case 0:
      menuIs=range;
      if(menuIs!=menuWas){
      Serial.println(stats_status_Screen());
      menuWas=menuIs;
      }
      break;
    case 1:
      menuIs=range;
      if(menuIs!=menuWas){
      Serial.println(stats_special_Screen());
      menuWas=menuIs;
      }
      break;
    case 2:
      Serial.println("3");
      break;
    case 3:
      Serial.println("4");
      break;
    case 4:
      Serial.println("5");
      break;
      case 5:
      Serial.println("6");
      break;
      case 6:
      Serial.println("7");
      break;
  }

      }
        delay(1);

        if (digitalRead(tasterPin2)==HIGH){
    if (mainMenu!=2){
      mainMenu = 2;
      analogWrite(ledPin1, 20);
      analogWrite(ledPin2, 255);
      analogWrite(ledPin3, 20);
      }
      }
    
if (mainMenu==2){        
  
  switch (range) {
    case 0:
      menuIs=range;
      if(menuIs!=menuWas){
      Serial.println(items_weapons_Screen());
      menuWas=menuIs;
      }
      break;
    case 1:
      menuIs=range;
      if(menuIs!=menuWas){
      Serial.println(items_armour_Screen());
      menuWas=menuIs;
      }
      break;
    case 2:
      Serial.println("3");
      break;
    case 3:
      Serial.println("4");
      break;
    case 4:
      Serial.println("5");
      break;
      case 5:
      Serial.println("6");
      break;
      case 6:
      Serial.println("7");
      break;
  }
}
}

uwefed · November 9, 2015, 8:10am

bitte einen lauffähigen Sketch

melloman · November 9, 2015, 10:56am

// IMPORTANT: Adafruit_TFTLCD LIBRARY MUST BE SPECIFICALLY
// CONFIGURED FOR EITHER THE TFT SHIELD OR THE BREAKOUT BOARD.
// SEE RELEVANT COMMENTS IN Adafruit_TFTLCD.h FOR SETUP.

#include <Adafruit_GFX.h>    // Core graphics library
#include <Adafruit_TFTLCD.h> // Hardware-specific library
#include <avr/pgmspace.h>    // PGMSPACE

// The control pins for the LCD can be assigned to any digital or
// analog pins...but we'll use the analog pins as this allows us to
// double up the pins with the touch screen (see the TFT paint example).
#define LCD_CS A3 // Chip Select goes to Analog 3
#define LCD_CD A2 // Command/Data goes to Analog 2
#define LCD_WR A1 // LCD Write goes to Analog 1
#define LCD_RD A0 // LCD Read goes to Analog 0

#define LCD_RESET A4 // Can alternately just connect to Arduino's reset pin

// When using the BREAKOUT BOARD only, use these 8 data lines to the LCD:
// For the Arduino Uno, Duemilanove, Diecimila, etc.:
//   D0 connects to digital pin 8  (Notice these are
//   D1 connects to digital pin 9   NOT in order!)
//   D2 connects to digital pin 2
//   D3 connects to digital pin 3
//   D4 connects to digital pin 4
//   D5 connects to digital pin 5
//   D6 connects to digital pin 6
//   D7 connects to digital pin 7
// For the Arduino Mega, use digital pins 22 through 29
// (on the 2-row header at the end of the board).

// Assign human-readable names to some common 16-bit color values:
#define	BLACK   0x0000
#define	BLUE    0x001F
#define	RED     0xF800
#define	GREEN   0x07E0
#define CYAN    0x07FF
#define MAGENTA 0xF81F
#define YELLOW  0xFFE0
#define WHITE   0xFFFF
#define ORANGE  0xFD20

Adafruit_TFTLCD tft(LCD_CS, LCD_CD, LCD_WR, LCD_RD, LCD_RESET);
// If using the shield, all control and data lines are fixed, and
// a simpler declaration can optionally be used:
// Adafruit_TFTLCD tft;

//------------------------------------------------------------------------------
// File generated by LCD Assistant
// http://en.radzio.dxp.pl/bitmap_converter/
//------------------------------------------------------------------------------

const unsigned char vaultboy_stats[] PROGMEM = {
                                       
};
const unsigned char vaultboy_thumb[] PROGMEM = {
                                       
};
const unsigned char vaultboy_dietrich[] PROGMEM = {

};

int boot = 0;
int sensorPin = 5;
int tasterPin3 = 12;
int tasterPin2 = 11;
int tasterPin1 = 10;
int ledPin1 = 7;
int ledPin2 = 8;
int ledPin3 = 9;
int sensorValue = 0;
int mainMenu = 1;
int menuIs = 0;
int menuWas = 99;
const int sensorMin = 0;      // sensor minimum, discovered through experiment
const int sensorMax = 1023;    // sensor maximum, discovered through experiment

melloman · November 9, 2015, 11:10am

void setup(void) {
  pinMode(ledPin1, OUTPUT);
  pinMode(ledPin2, OUTPUT);
  pinMode(ledPin3, OUTPUT);
  pinMode(tasterPin1, INPUT);
  pinMode(tasterPin2, INPUT);
  pinMode(tasterPin3, INPUT);
  Serial.begin(9600);
  Serial.println(F("TFT LCD test"));


#ifdef USE_ADAFRUIT_SHIELD_PINOUT
  Serial.println(F("Using Adafruit 2.8\" TFT Arduino Shield Pinout"));
#else
  Serial.println(F("Using Adafruit 2.8\" TFT Breakout Board Pinout"));
#endif

  Serial.print("TFT size is "); Serial.print(tft.width()); Serial.print("x"); Serial.println(tft.height());

  tft.reset();

  uint16_t identifier = tft.readID();

  if(identifier == 0x9325) {
    Serial.println(F("Found ILI9325 LCD driver"));
  } else if(identifier == 0x9328) {
    Serial.println(F("Found ILI9328 LCD driver"));
  } else if(identifier == 0x7575) {
    Serial.println(F("Found HX8347G LCD driver"));
  } else if(identifier == 0x9341) {
    Serial.println(F("Found ILI9341 LCD driver"));
  } else if(identifier == 0x8357) {
    Serial.println(F("Found HX8357D LCD driver"));
  } else {
    Serial.print(F("Unknown LCD driver chip: "));
    Serial.println(identifier, HEX);
    Serial.println(F("If using the Adafruit 2.8\" TFT Arduino shield, the line:"));
    Serial.println(F("  #define USE_ADAFRUIT_SHIELD_PINOUT"));
    Serial.println(F("should appear in the library header (Adafruit_TFT.h)."));
    Serial.println(F("If using the breakout board, it should NOT be #defined!"));
    Serial.println(F("Also if using the breakout, double-check that all wiring"));
    Serial.println(F("matches the tutorial."));
    return;
  }

  tft.begin(identifier);


}
unsigned long bootScreen() {
  unsigned long start = micros();
  tft.setRotation(1);
  tft.fillScreen(BLACK);
  tft.drawBitmap(144, 69, vaultboy_thumb, 192, 178, ORANGE);
  delay(5000);
}
unsigned long stats_status_Screen() {
  unsigned long start = micros();
  tft.setRotation(1);
  tft.fillScreen(BLACK);
  tft.drawLine(5, 8, 35, 8, GREEN);
  tft.drawLine(5, 8, 5, 28, GREEN);
  tft.drawLine(120, 8, 190, 8, GREEN);
  tft.drawLine(190, 8, 190, 28, GREEN);
  tft.drawLine(200, 8, 270, 8, GREEN);
  tft.drawLine(270, 8, 270, 28, GREEN);
  tft.drawLine(280, 8, 350, 8, GREEN);
  tft.drawLine(350, 8, 350, 28, GREEN);
  tft.drawLine(360, 8, 475, 8, GREEN);
  tft.drawLine(475, 8, 475, 28, GREEN);
  tft.drawLine(5, 305, 30, 305, GREEN);
  tft.drawLine(5, 305, 5, 285, GREEN);
  tft.drawLine(100, 305, 110, 305, GREEN);
  tft.drawLine(230, 305, 240, 305, GREEN);
  tft.drawRect(30, 290, 70, 30, GREEN);
  tft.setCursor(50, 2);
  tft.setTextColor(GREEN); tft.setTextSize(2);
  tft.println("STATS");
  tft.setCursor(150, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("LVL 2");
  tft.setCursor(205, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("HP 200/200");
  tft.setCursor(285, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("AP   75/75");
  tft.setCursor(365, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("XP          0/200");
  tft.setCursor(45, 300);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("Status");
  tft.setCursor(130, 300);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("S.P.E.C.I.A.L.");
  tft.drawBitmap(144, 69, vaultboy_stats, 176, 187, GREEN);
}
unsigned long stats_special_Screen() {
  unsigned long start = micros();
  tft.setRotation(1);
  tft.fillScreen(BLACK);
  tft.drawLine(5, 8, 35, 8, GREEN);
  tft.drawLine(5, 8, 5, 28, GREEN);
  tft.drawLine(120, 8, 190, 8, GREEN);
  tft.drawLine(190, 8, 190, 28, GREEN);
  tft.drawLine(200, 8, 270, 8, GREEN);
  tft.drawLine(270, 8, 270, 28, GREEN);
  tft.drawLine(280, 8, 350, 8, GREEN);
  tft.drawLine(350, 8, 350, 28, GREEN);
  tft.drawLine(360, 8, 475, 8, GREEN);
  tft.drawLine(475, 8, 475, 28, GREEN);
  tft.drawLine(5, 305, 30, 305, GREEN);
  tft.drawLine(5, 305, 5, 285, GREEN);
  tft.drawLine(100, 305, 110, 305, GREEN);
  tft.drawLine(230, 305, 240, 305, GREEN);
  tft.drawRect(30, 290, 70, 30, GREEN);
  tft.setCursor(50, 2);
  tft.setTextColor(GREEN); tft.setTextSize(2);
  tft.println("STATS");
  tft.setCursor(150, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("LVL 2");
  tft.setCursor(205, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("HP 200/200");
  tft.setCursor(285, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("AP   75/75");
  tft.setCursor(365, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("XP          0/200");
  tft.setCursor(45, 300);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("Status");
  tft.setCursor(130, 300);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("S.P.E.C.I.A.Llll.");
}
unsigned long items_weapons_Screen() {
  unsigned long start = micros();
  tft.setRotation(1);
  tft.fillScreen(BLACK);
  tft.drawLine(5, 8, 35, 8, GREEN);
  tft.drawLine(5, 8, 5, 28, GREEN);
  tft.drawLine(120, 8, 190, 8, GREEN);
  tft.drawLine(190, 8, 190, 28, GREEN);
  tft.drawLine(200, 8, 270, 8, GREEN);
  tft.drawLine(270, 8, 270, 28, GREEN);
  tft.drawLine(280, 8, 350, 8, GREEN);
  tft.drawLine(350, 8, 350, 28, GREEN);
  tft.drawLine(360, 8, 475, 8, GREEN);
  tft.drawLine(475, 8, 475, 28, GREEN);
  tft.drawLine(5, 305, 30, 305, GREEN);
  tft.drawLine(5, 305, 5, 285, GREEN);
  tft.drawLine(100, 305, 110, 305, GREEN);
  tft.drawLine(230, 305, 240, 305, GREEN);
  tft.drawRect(30, 290, 70, 30, GREEN);
  tft.setCursor(50, 2);
  tft.setTextColor(GREEN); tft.setTextSize(2);
  tft.println("ITEMS");
  tft.setCursor(150, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("LVL 2");
  tft.setCursor(205, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("HP 200/200");
  tft.setCursor(285, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("AP   75/75");
  tft.setCursor(365, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("XP          0/200");
  tft.setCursor(45, 300);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("Weapons");
  tft.setCursor(130, 300);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("S.P.E.C.I.A.L.");
}
unsigned long items_armour_Screen() {
  unsigned long start = micros();
  tft.setRotation(1);
  tft.fillScreen(BLACK);
  tft.drawLine(5, 8, 35, 8, GREEN);
  tft.drawLine(5, 8, 5, 28, GREEN);
  tft.drawLine(120, 8, 190, 8, GREEN);
  tft.drawLine(190, 8, 190, 28, GREEN);
  tft.drawLine(200, 8, 270, 8, GREEN);
  tft.drawLine(270, 8, 270, 28, GREEN);
  tft.drawLine(280, 8, 350, 8, GREEN);
  tft.drawLine(350, 8, 350, 28, GREEN);
  tft.drawLine(360, 8, 475, 8, GREEN);
  tft.drawLine(475, 8, 475, 28, GREEN);
  tft.drawLine(5, 305, 30, 305, GREEN);
  tft.drawLine(5, 305, 5, 285, GREEN);
  tft.drawLine(100, 305, 110, 305, GREEN);
  tft.drawLine(230, 305, 240, 305, GREEN);
  tft.drawRect(30, 290, 70, 30, GREEN);
  tft.setCursor(50, 2);
  tft.setTextColor(GREEN); tft.setTextSize(2);
  tft.println("ITEMS");
  tft.setCursor(150, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("LVL 2");
  tft.setCursor(205, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("HP 200/200");
  tft.setCursor(285, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("AP   75/75");
  tft.setCursor(365, 15);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("XP          0/200");
  tft.setCursor(45, 300);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("Weapons");
  tft.setCursor(130, 300);
  tft.setTextColor(GREEN); tft.setTextSize(1);
  tft.println("Armour");
}

melloman · November 11, 2015, 1:16am

Niemand?

Klaus_ww · November 11, 2015, 11:29am

Boah, häng das doch bitte als File dran - hat sicher nicht jeder Lust, sich das zusammenzukopieren

HotSystems · November 11, 2015, 2:46pm

melloman:
... auf welchem man mit Tastern, einem Poti und später noch einem Scrollwheel navigieren kann. Aktuell kann ich mit dem Poti und den Tastern navigieren doch treten noch einige Probleme auf...
...außer dass der Poti teilweise empfindlich reagiert und Schwankungen hat.

Zum Sketch selber kann ich noch nichts sagen, aber dass du mit dem Poti Probleme hast, kann ich mir vorstellen. Das mit dem Poti zu machen, ist auch extrem schwierig, da die Einstelltoleranz doch sehr hoch ist.

Warum machst du es nicht gleich mit einem Drehimpulsgeber. Das ist viel genauer.

skorpi080 · November 11, 2015, 2:50pm

Klaus_ww:
Boah, häng das doch bitte als File dran - hat sicher nicht jeder Lust, sich das zusammenzukopieren

Gibts weitaus schlimmere Fälle, zB wo in einem Post mehrere Teile von einem Sketch sind.
Also alles gut.

SkobyMobil · November 11, 2015, 3:52pm

Hallo,
ich würde das Poti erst einmal ruhig stellen.

int PotiWert;
int MenüSchalter;

val = analogRead(PotiPin)
MenüSchalter = map(PotiWert,0,1023,0,100);

dann
if (MenüSchalter >=0) && (MenüSchalter <=9))
{
Menü-1
}

if (MenüSchalter >=10) && (MenüSchalter <=19))
{
Menü-2
}

So hättest Du 10 Menü-Punkte
Gruß und Spaß
Andreas

melloman · November 29, 2015, 12:31am

So, hatte lange keine Zeit mehr...

@skoby
ich seh da keinen Unterschied zu dem was ich bereits habe. hab den Poti bereits gemapt, und was hat das mit ruhigstellen zu tun?

Die Ungenauigkeit des Potis ist jedoch auch meine kleinste Sorge...

Hier nochmal ein Erklärungsversuch. Ich hab 3 Taster welche das "mainMenu" schalten sollen. Ich habe einen Poti, welcher jeweils 5 Unterpunkte schalten soll.

"mainMenu" hat den Anfangswert 1. Im Loop wird laufend der Poti Wert ausgelesen und der entsprechende Bildschirm geladen. Soweit funktioniert das auch. Wenn ich nun den zweiten Taster drücke, sollte "mainMenu" den Wert 2 bekommen und der Loop nun innerhalb vom Menü2 Block den Poti auslesen, was jedoch nicht passiert. Wenn ich den Taster loslasse, springt mainMenu wieder zurück auf 1.

Ist es ein Problem, wenn ich die anderen Taster nicht angeschlossen haben? Ich mein solange kein HIGH kommt darf auch nichts passieren und bei einem nicht angehängten Taster sollte auch kein HIGH kommen. Oder sehe ich das falsch?

ElEspanol · November 29, 2015, 8:57am

Bei nicht angeschlossenen Tastern kommen Zufallsergebnisse

Und mit dem Tasterdruck für das Menü solltest du mit der Zustandsänderung des Tasters eine Variable toggeln und die dann heranziehen.

Das Poti Mapping hast du besser gemacht, als Skobymobil vorgeschlagen hat. Allerdings musst du noch Sensormax auf 1024 ändern.

Ich hab mir das Programm noch nicht angeschaut, aber aufgrund deiner Beschreibung würde ich mal das schätzen.

Topic		Replies	Views
Gegen LCD flackern Deutsch	16	2436	April 4, 2022
LCD Menü Deutsch	8	3715	May 6, 2021
Problem mit Lcd Menü Deutsch	11	1080	May 6, 2021
LCD menu Deutsch	6	690	May 6, 2021
LCD Probleme Deutsch	4	521	May 6, 2021

LCD GUI

Related Topics