Arduino Uno: Uhuishaji wa Bitmap kwenye ILI9341 TFT Touchscreen Display Shield Na Visuino: Hatua 12 (na Picha)

2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-01-30 12:54

Ngao za kuonyesha za skrini ya kugusa ya TFT ya ILI9341 ni maarufu sana kwa Ngao za Kuonyesha za Arduino. Visuino imekuwa na msaada kwao kwa muda mrefu, lakini sikuwahi kupata nafasi ya kuandika mafunzo juu ya jinsi ya kuyatumia. Hivi karibuni hata hivyo watu wachache waliuliza maswali juu ya kutumia maonyesho na Visuino, kwa hivyo niliamua kutengeneza mafunzo.

Katika Mafunzo haya, nitakuonyesha jinsi ilivyo rahisi, kuunganisha Shield na Arduino, na kuipanga na Visuino ili kuhuisha Bitmap kuzunguka kwenye Onyesho.

Hatua ya 1: Vipengele

1. Bodi moja inayolingana ya Arduino Uno (Inaweza kufanya kazi na Mega pia, lakini sijajaribu ngao nayo bado)
2. Shield moja ya ILI9341 2.4 "TFT Touchscreen ya Arduino

Hatua ya 2: Unganisha Ngao ya Kuonyesha ya skrini ya ILI9341 TFT kwa Arduino

Chomeka TFT Shield juu ya Arduino Uno kama inavyoonekana kwenye picha

Hatua ya 3: Anza Visuino na Ongeza Shield ya Kuonyesha TFT

Ili kuanza programu ya Arduino, utahitaji kuwa na IDE ya Arduino iliyosanikishwa kutoka hapa:

Hakikisha umesakinisha 1.6.7 au zaidi, vinginevyo hii inayoweza kufundishwa haitafanya kazi

Visuino: https://www.visuino.com pia inahitaji kusakinishwa.

1. Anza Visuino kama inavyoonekana kwenye picha ya kwanza
2. Bonyeza kitufe cha "Mshale Chini" cha sehemu ya Arduino kufungua Menyu ya Kushuka (Picha 1)
3. Kutoka kwenye Menyu chagua "Ongeza Ngao…" (Picha 1)
4. Katika mazungumzo ya "Shields" panua kategoria ya "Maonyesho", na uchague "TFT Colour Touch Screen Display ILI9341 Shield", kisha bonyeza kitufe cha "+" kuiongeza (Picha 2)

Hatua ya 4: Katika Visuino: Ongeza Chora Nakala ya Nakala ya Kivuli cha Nakala

Ifuatayo tunahitaji kuongeza vitu vya Picha ili kutoa maandishi na bitmap. Kwanza tutaongeza kipengee cha picha kuteka kivuli cha maandishi:

1. Katika Kikaguzi cha Kitu, bonyeza kitufe cha "…" karibu na thamani ya mali ya "Elements" ya "TFT Display" Element (Picha 1)
2. Katika mhariri wa Elements chagua "Chora Nakala", kisha bonyeza kitufe cha "+" (Picha 2) kuongeza moja (Picha 3)
3. Katika Kikaguzi cha kitu weka thamani ya mali ya "Rangi" ya kipengee cha "Chora Nakala1" kwa "aclSilver" (Picha 3)
4. Katika Kikaguzi cha kitu weka thamani ya mali ya "Ukubwa" ya kipengee cha "Chora Nakala1" kuwa "4" (Picha 4). Hii inafanya maandishi kuwa makubwa
5. Katika Kikaguzi cha kitu weka thamani ya mali ya "Nakala" ya kipengee cha "Chora Nakala1" kwa "Visuino" (Picha ya 5)
6. Katika Kikaguzi cha kitu weka thamani ya mali "X" ya kipengee cha "Chora Nakala1" kuwa "43" (Picha 6)
7. Katika Kikaguzi cha kitu weka thamani ya mali ya "Y" ya kipengee cha "Chora Nakala1" kuwa "278" (Picha ya 6)

Hatua ya 5: Katika Visuino: Ongeza Mchoro wa Nakala ya Sehemu ya Mbele ya Nakala

Sasa tutaongeza kipengee cha picha kuteka maandishi:

1. Katika mhariri wa Elements chagua "Chora Nakala", kisha bonyeza kitufe cha "+" (Picha 1) ili kuongeza ya pili (Picha 2)
2. Katika Kikaguzi cha kitu weka thamani ya mali ya "Ukubwa" ya kipengee cha "Chora Nakala1" kuwa "4" (Picha 2)
3. Katika Kikaguzi cha kitu weka thamani ya mali ya "Nakala" ya kipengee cha "Chora Nakala1" kwa "Visuino" (Picha 3)
4. Katika Kikaguzi cha kitu weka thamani ya mali ya "X" ya kipengee cha "Chora Nakala1" kuwa "40" (Picha 4)
5. Katika Kikaguzi cha kitu weka thamani ya mali ya "Y" ya kipengee cha "Chora Nakala1" kuwa "275" (Picha ya 4)

Hatua ya 6: Katika Visuino: Ongeza Chora Kitengo cha Bitmap kwa michoro

Ifuatayo tutaongeza kipengee cha picha kuteka bitmap:

1. Katika mhariri wa Vipengele chagua "Chora Bitmap", kisha bonyeza kitufe cha "+" (Picha 1) kuongeza moja (Picha 2)
2. Katika Kikaguzi cha Kitu, bonyeza kitufe cha "…" karibu na thamani ya mali ya "Bitmap" ya "Chora Bitmap1" Element (Picha 2) kufungua "Mhariri wa Bitmap" (Picha 3)
3. Kwenye "Mhariri wa Bitmap" bonyeza kitufe cha "Mzigo…" (Picha 3) kufungua Faili ya Mazungumzo ya Picha (Picha 4)
4. Katika Mazungumzo ya Fungua Faili, chagua kipigo cha kuteka, na bonyeza kitufe cha "Fungua" (Picha 4). Ikiwa faili ni kubwa sana inaweza isiweze kutoshea kwenye kumbukumbu ya Arduino. Ukitoka kwenye kosa la kumbukumbu wakati wa mkusanyiko, unaweza kuhitaji kuchagua kidogo kidogo
5. Katika "Mhariri wa Bitmap" bonyeza "Sawa." kifungo (Picha 5) ili kufunga mazungumzo

Hatua ya 7: Katika Visuino: Ongeza pini kwa Sifa za X na Y za Chombo cha Bitmap

Kuhuisha Bitmap, tunahitaji kudhibiti msimamo wake wa X na Y. Kwa hili tutaongeza pini kwa mali ya X na Y:

1. Kwenye Kikaguzi cha Kitu bonyeza kitufe cha "Pin" mbele ya mali ya "X" ya kipengee cha "Chora Bitmap1" (Picha 1), na uchague "Integer SinkPin" (Picha 2)
2. Kwenye Kikaguzi cha Kitu bonyeza kitufe cha "Pin" mbele ya mali ya "Y" ya kipengee "Chora Bitmap1" (Picha 3), na uchague "Integer SinkPin" (Picha 4)

Hatua ya 8: Katika Visuino: Ongeza Jenereta 2 za Sine kamili, na Sanidi ya Kwanza

Tutatumia jenereta 2 za Sine kamili ili kuongeza harakati za bitmap:

1. Andika "sine" kwenye kisanduku cha Kichujio cha Sanduku la Zana la Sehemu kisha uchague sehemu ya "Sine Integer Generator" (Picha 1), na utupe mbili kwenye eneo la muundo.
2. Katika Kikaguzi cha vitu, weka thamani ya mali ya "Amplitude" ya sehemu ya SineIntegerGenerator1 kuwa "96" (Picha 2)
3. Katika Kikaguzi cha Kitu, weka thamani ya mali ya "Kukamilisha" ya sehemu ya SineIntegerGenerator1 kuwa "96" (Picha 3)
4. Katika Kikaguzi cha Kitu, weka thamani ya mali ya "Frequency" ya sehemu ya SineIntegerGenerator1 kuwa "0.2" (Picha 4)

Hatua ya 9: Katika Visuino: Sanidi Jenereta ya Pili ya Sine, na Unganisha Jenereta za Sine kwenye Pini za X na Y za Kuratibu za Bitmap

1. Katika Kikaguzi cha Kitu, weka thamani ya mali ya "Amplitude" ya sehemu ya SineIntegerGenerator2 kuwa "120" (Picha 1)
2. Katika Kikaguzi cha Kitu, weka thamani ya mali ya "Kukamilisha" ya sehemu ya SineIntegerGenerator2 kuwa "120" (Picha 2)
3. Katika Kikaguzi cha Kitu, weka thamani ya mali ya "Frequency" ya sehemu ya SineIntegerGenerator2 kuwa "0.03" (Picha 3)
4. Unganisha pini ya pato la "Out" ya kipengee cha SineIntegerGenerator1 kwenye pini ya kuingiza "X" ya "Shields. TFT Sisplay. Elements. Chora Bitmap1" ya sehemu ya Arduino (Picha 4)
5. Unganisha pini ya pato la "Out" ya kipengee cha SineIntegerGenerator2 kwa pini ya kuingiza "Y" ya kipengee cha "Shields. TFT Display. Elements. Chora Bitmap1" ya sehemu ya Arduino (Picha 5)

Hatua ya 10: Katika Visuino: Ongeza na Unganisha Anza na Saa Vipengele vya Chanzo Mbalimbali

Ili kutoa bitmap kila wakati nafasi ya X na Y inasasishwa tunahitaji kutuma ishara ya saa kwenye kipengee cha "Chora Bitmap1". Ili kutuma amri baada ya nafasi kubadilishwa, tunahitaji njia ya kusawazisha hafla. Kwa hili tutatumia sehemu ya Rudia kuzalisha kila wakati hafla, na Chanzo cha Saa nyingi kutoa hafla 2 kwa mfuatano. Tukio la kwanza litafanya jenereta za sine kusasisha nafasi za X na Y, na ya pili itaangalia "Chora Bitmap1":

1. Andika "kurudia" kwenye kisanduku cha Kichujio cha Sanduku la Zana la Sehemu, kisha chagua sehemu ya "Rudia" (Picha 1), na uiangushe katika eneo la muundo (Picha 2)
2. Andika "anuwai" kwenye kisanduku cha Kichujio cha Sanduku la Zana la Sehemu, kisha chagua sehemu ya "Saa Mbalimbali ya Saa" (Picha 2), na uiangushe katika eneo la muundo (Picha 3)
3. Unganisha pini ya pato la "Nje" ya sehemu ya Rudia1 kwa pini ya kuingiza "Katika" ya sehemu ya ClockMultiSource1 (Picha 3)
4. Unganisha pini ya "Pin [0]" ya pini za "Out" za ClockMultiSource1component kwa kipengee cha "In" cha kuingiza cha sehemu ya SineIntegerGenerator1 (Picha 4)
5. Unganisha pini ya pini ya "Pini [0]" ya pini za "Nje" za ClockMultiSource2component kwenye pini ya kuingiza "In" ya sehemu ya SineIntegerGenerator1 (Picha 5)
6. Unganisha pini ya pini "1 [1]" ya pini ya kuingiza "Saa" ya kipengee cha "Shields. TFT Display. Elements. Chora Bitmap1" ya sehemu ya Arduino (Picha 6)

Hatua ya 11: Tengeneza, Jaza na Upakie Nambari ya Arduino

1. Katika Visuino, Bonyeza F9 au bonyeza kitufe kilichoonyeshwa kwenye Picha 1 ili kutoa nambari ya Arduino, na ufungue IDE ya Arduino
2. Katika IDE ya Arduino, bonyeza kitufe cha Pakia ili kukusanya na kupakia nambari (Picha 2)

Hatua ya 12: Na Cheza…

Hongera! Umekamilisha mradi.

Picha 2, 3, 4 na 5 na Video zinaonyesha mradi uliounganishwa na wenye nguvu. Utaona Bitmap ikizunguka ILI9341 kulingana na TFT Touchscreen Display Shield kama inavyoonekana kwenye Video.

Kwenye Picha 1 unaweza kuona mchoro kamili wa Visuino. Pia imeambatanishwa na mradi wa Visuino, ambao niliunda kwa Agizo hili, na ramani iliyo na nembo ya Visuino. Unaweza kuipakua na kuifungua kwa Visuino: