עברית | 中文 | Português do Brasil | 日本語 | English

ספריית גרפיקה קלה ורב-שימושית

אתר הבית | תיעוד | פורום | דמוים | שירותים

📒 סקירה כללית

בוגרת ומוכרת
LVGL היא ספריית הגרפיקה החינמית והפתוחה הפופולרית ביותר ליצירת ממשקי משתמש יפים לכל MCU, MPU וסוג תצוגה. הספרייה נתמכת על ידי יצרני תעשייה מובילים ופרויקטים כגון Arm, STM32, NXP, Espressif, Nuvoton, Arduino, RT-Thread, Zephyr, NuttX, Adafruit ועוד רבים.

עשירה בתכונות
הספרייה כוללת את כל מה שצריך ליצירת GUI מודרני ויפה: מעל 30 ווידג'טים מובנים, מערכת עיצוב עוצמתית, מנגנוני פריסה בהשראת האינטרנט, ומערכת טיפוגרפיה התומכת בשפות רבות. כדי לשלב את LVGL בפלטפורמה שלך, נדרשים לפחות 32kB RAM ו־128kB Flash, קומפיילר C, buffer גרפי ו־1/10 מגודל המסך כ־buffer נוסף לעיבוד.

שירותים
הצוות שלנו מוכן לעזור בעיצוב גרפי, מימוש ממשקים ושירותי ייעוץ. פנו אלינו אם אתם זקוקים לתמיכה בפרויקט ה־GUI הבא שלכם.

🚀 תכונות

חינמית וניידת -ספריית C מלאה (תואמת ++C) ללא תלות בספריות חיצוניות. -ניתנת לקימפול על כל MCU או MPU, עם או בלי (RT)OS. -תומכת בתצוגות מונוכרום, ePaper, OLED, TFT ואפילו במסכים גדולים. מידע על תצוגות -תחת רישיון MIT – מותר לשימוש חופשי, כולל בפרויקטים מסחריים. -דורשת רק 32kB RAM ו־128kB Flash, buffer גרפי, ו־1/10 מגודל המסך ל־rendering. -תמיכה ב־OS, זיכרון חיצוני ו־GPU – אך לא נדרש.

ווידג'טים, עיצובים, פריסות ועוד -מעל 30 ווידג'טים מובנים: כפתור, תווית, סליידר, טבלה, מקלדת, מד, קשת, לוח ועוד. -מערכת עיצובים גמישה עם ~100 מאפייני עיצוב להתאמה אישית. -מנועים לפריסה בסגנון Flexbox ו-Grid להתאמה רספונסיבית. -תומכת בטקסטים ב־UTF-8 כולל עברית, סינית, תאית, הינדית, ערבית, פרסית ועוד. -תמיכה ב־word wrapping, kerning, גלילה, תצוגת תווים בעברית, סמיילים ועוד. -מנוע גרפי עם אנימציות, anti-aliasing, שקיפויות, גלילה חלקה, צללים, שינוי תמונות ועוד. -תמיכה בעכבר, מסך מגע, מקשים חיצוניים, מקודדים ועוד. התקני קלט. -תמיכה בריבוי מסכים. מידע נוסף

קישוריות ותמיכה בבנייה -קישור ל־MicroPython – כל ה־API של LVGL בפייתון. -קישור ל־PikaScript – פייתון למיקרו-בקרים. -אין צורך במערכת בנייה ייחודית – פשוט לקמפל כמו כל קובץ C אחר. -תמיכה מלאה ב־Make וב־CMake. -פיתוח ב־PC באמצעות סימולטור – אותו קוד רץ גם בחומרה משובצת. -המרת קוד C ל־HTML באמצעות פורטים ל־Emscripten.

תיעוד, כלים ושירותים -תיעוד מלא כולל מעל 100 דוגמאות -שירותים: עיצוב UI, מימוש וייעוץ – להאיץ פיתוח.

❤️ נותני חסות

אם LVGL חסכה לך זמן וכסף, או אם נהנית להשתמש בה – שקול לתמוך בפרויקט.

מה עושים עם התרומות?
המטרה היא לתגמל כל מי שתורם בצורה משמעותית לספרייה – לא רק את המתחזקים, אלא כל מי שמוסיף פיצ'ר משמעותי או מתקן באגים. התרומות מכסות גם עלויות תפעול (שרתים, שירותים וכו').

איך תורמים?
באמצעות GitHub Sponsors – אפשר חד־פעמי או חודשי, הכל גלוי.

איך מקבלים תשלום על תרומה?
אם תיקנת או פיתחת נושא שמסומן ב־Sponsored, לאחר המיזוג ניתן להגיש חשבונית ולקבל תשלום דרך opencollective.com.

חברות שתומכות ב־LVGL

תורמים פרטיים

📦 חבילות

LVGL זמינה כ:

🤖 דוגמאות

ראה כמה דוגמאות של יצירת ווידג'טים, שימוש בפריסות והחלת סגנונות. תמצא כאן קוד ב-C ו-MicroPython, וקישורים לניסיון או עריכת הדוגמאות בעורך MicroPython מקוון.

לדוגמאות נוספות, בדוק את תיקיית הדוגמאות.

תווית Hello world

קוד C

/*שינוי צבע הרקע של המסך הפעיל*/
lv_obj_set_style_bg_color(lv_screen_active(), lv_color_hex(0x003a57), LV_PART_MAIN);

/*יצירת תווית לבנה, הגדרת הטקסט שלה ויישור למרכז*/
lv_obj_t * label = lv_label_create(lv_screen_active());
lv_label_set_text(label, "Hello world");
lv_obj_set_style_text_color(label, lv_color_hex(0xffffff), LV_PART_MAIN);
lv_obj_align(label, LV_ALIGN_CENTER, 0, 0);

קוד MicroPython | סימולטור מקוון

# שינוי צבע הרקע של המסך הפעיל
scr = lv.screen_active()
scr.set_style_bg_color(lv.color_hex(0x003a57), lv.PART.MAIN)

# יצירת תווית לבנה, הגדרת הטקסט שלה ויישור למרכז
label = lv.label(lv.screen_active())
label.set_text("Hello world")
label.set_style_text_color(lv.color_hex(0xffffff), lv.PART.MAIN)
label.align(lv.ALIGN.CENTER, 0, 0)

כפתור עם אירוע לחיצה

קוד C

lv_obj_t * button = lv_button_create(lv_screen_active());                   /*הוספת כפתור למסך הנוכחי*/
lv_obj_center(button);                                             /*הגדרת המיקום שלו*/
lv_obj_set_size(button, 100, 50);                                  /*הגדרת הגודל שלו*/
lv_obj_add_event_cb(button, button_event_cb, LV_EVENT_CLICKED, NULL); /*הקצאת callback לכפתור*/

lv_obj_t * label = lv_label_create(button);                        /*הוספת תווית לכפתור*/
lv_label_set_text(label, "כפתור");                             /*הגדרת טקסט התווית*/
lv_obj_center(label);                                           /*יישור התווית למרכז*/
...

void button_event_cb(lv_event_t * e)
{
  printf("נלחץ\n");
}

קוד MicroPython | סימולטור מקוון

def button_event_cb(e):
  print("נלחץ")

# יצירת כפתור ותווית
button = lv.button(lv.screen_active())
button.center()
button.set_size(100, 50)
button.add_event_cb(button_event_cb, lv.EVENT.CLICKED, None)

label = lv.label(button)
label.set_text("כפתור")
label.center()

תיבות סימון עם פריסה

קוד C

lv_obj_set_flex_flow(lv_screen_active(), LV_FLEX_FLOW_COLUMN);
lv_obj_set_flex_align(lv_screen_active(), LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_START, LV_FLEX_ALIGN_CENTER);

lv_obj_t * cb;
cb = lv_checkbox_create(lv_screen_active());
lv_checkbox_set_text(cb, "תפוח");
lv_obj_add_event_cb(cb, event_handler, LV_EVENT_ALL, NULL);

cb = lv_checkbox_create(lv_screen_active());
lv_checkbox_set_text(cb, "בננה");
lv_obj_add_state(cb, LV_STATE_CHECKED);
lv_obj_add_event_cb(cb, event_handler, LV_EVENT_ALL, NULL);

cb = lv_checkbox_create(lv_screen_active());
lv_checkbox_set_text(cb, "לימון");
lv_obj_add_state(cb, LV_STATE_DISABLED);
lv_obj_add_event_cb(cb, event_handler, LV_EVENT_ALL, NULL);

cb = lv_checkbox_create(lv_screen_active());
lv_obj_add_state(cb, LV_STATE_CHECKED);
lv_obj_add_state(cb, LV_STATE_DISABLED);
lv_checkbox_set_text(cb, "מלון\nושורה חדשה");
lv_obj_add_event_cb(cb, event_handler, LV_EVENT_ALL, NULL);

קוד MicroPython | סימולטור מקוון

def event_handler(e):
    code = e.get_code()
    obj = e.get_target_obj()
    if code == lv.EVENT.VALUE_CHANGED:
        txt = obj.get_text()
        if obj.get_state() & lv.STATE.CHECKED:
            state = "מסומן"
        else:
            state = "לא מסומן"
        print(txt + ":" + state)


lv.screen_active().set_flex_flow(lv.FLEX_FLOW.COLUMN)
lv.screen_active().set_flex_align(lv.FLEX_ALIGN.CENTER, lv.FLEX_ALIGN.START, lv.FLEX_ALIGN.CENTER)

cb = lv.checkbox(lv.screen_active())
cb.set_text("תפוח")
cb.add_event_cb(event_handler, lv.EVENT.ALL, None)

cb = lv.checkbox(lv.screen_active())
cb.set_text("בננה")
cb.add_state(lv.STATE.CHECKED)
cb.add_event_cb(event_handler, lv.EVENT.ALL, None)

cb = lv.checkbox(lv.screen_active())
cb.set_text("לימון")
cb.add_state(lv.STATE.DISABLED)
cb.add_event_cb(event_handler, lv.EVENT.ALL, None)

cb = lv.checkbox(lv.screen_active())
cb.add_state(lv.STATE.CHECKED | lv.STATE.DISABLED)
cb.set_text("מלון")
cb.add_event_cb(event_handler, lv.EVENT.ALL, None)

עיצוב מחוון (Slider)

קוד C

lv_obj_t * slider = lv_slider_create(lv_screen_active());
lv_slider_set_value(slider, 70, LV_ANIM_OFF);
lv_obj_set_size(slider, 300, 20);
lv_obj_center(slider);

/*הוספת סגנונות מקומיים לחלק הראשי (מלבן הרקע)*/
lv_obj_set_style_bg_color(slider, lv_color_hex(0x0F1215), LV_PART_MAIN);
lv_obj_set_style_bg_opa(slider, 255, LV_PART_MAIN);
lv_obj_set_style_border_color(slider, lv_color_hex(0x333943), LV_PART_MAIN);
lv_obj_set_style_border_width(slider, 5, LV_PART_MAIN);
lv_obj_set_style_pad_all(slider, 5, LV_PART_MAIN);

/*יצירת גיליון סגנונות לשימוש חוזר עבור חלק המחוון*/
static lv_style_t style_indicator;
lv_style_init(&style_indicator);
lv_style_set_bg_color(&style_indicator, lv_color_hex(0x37B9F5));
lv_style_set_bg_grad_color(&style_indicator, lv_color_hex(0x1464F0));
lv_style_set_bg_grad_dir(&style_indicator, LV_GRAD_DIR_HOR);
lv_style_set_shadow_color(&style_indicator, lv_color_hex(0x37B9F5));
lv_style_set_shadow_width(&style_indicator, 15);
lv_style_set_shadow_spread(&style_indicator, 5);

/*הוספת גיליון הסגנונות לחלק המחוון של הסליידר*/
lv_obj_add_style(slider, &style_indicator, LV_PART_INDICATOR);

/*הוספת אותו סגנון גם לחלק הכפתור ושינוי מקומי של כמה מאפיינים*/
lv_obj_add_style(slider, &style_indicator, LV_PART_KNOB);

lv_obj_set_style_outline_color(slider, lv_color_hex(0x0096FF), LV_PART_KNOB);
lv_obj_set_style_outline_width(slider, 3, LV_PART_KNOB);
lv_obj_set_style_outline_pad(slider, -5, LV_PART_KNOB);
lv_obj_set_style_shadow_spread(slider, 2, LV_PART_KNOB);

קוד MicroPython | סימולטור מקוון

# יצירת מחוון והוספת הסגנון
slider = lv.slider(lv.screen_active())
slider.set_value(70, lv.ANIM.OFF)
slider.set_size(300, 20)
slider.center()

# הוספת סגנונות מקומיים לחלק הראשי (מלבן הרקע)
slider.set_style_bg_color(lv.color_hex(0x0F1215), lv.PART.MAIN)
slider.set_style_bg_opa(255, lv.PART.MAIN)
slider.set_style_border_color(lv.color_hex(0x333943), lv.PART.MAIN)
slider.set_style_border_width(5, lv.PART.MAIN)
slider.set_style_pad_all(5, lv.PART.MAIN)

# יצירת גיליון סגנונות לשימוש חוזר עבור חלק המחוון
style_indicator = lv.style_t()
style_indicator.init()
style_indicator.set_bg_color(lv.color_hex(0x37B9F5))
style_indicator.set_bg_grad_color(lv.color_hex(0x1464F0))
style_indicator.set_bg_grad_dir(lv.GRAD_DIR.HOR)
style_indicator.set_shadow_color(lv.color_hex(0x37B9F5))
style_indicator.set_shadow_width(15)
style_indicator.set_shadow_spread(5)

# הוספת גיליון הסגנונות לחלק המחוון של הסליידר
slider.add_style(style_indicator, lv.PART.INDICATOR)
slider.add_style(style_indicator, lv.PART.KNOB)

# הוספת אותו סגנון לחלק הכפתור ושינוי מקומי של כמה מאפיינים
slider.set_style_outline_color(lv.color_hex(0x0096FF), lv.PART.KNOB)
slider.set_style_outline_width(3, lv.PART.KNOB)
slider.set_style_outline_pad(-5, lv.PART.KNOB)
slider.set_style_shadow_spread(2, lv.PART.KNOB)

טקסטים באנגלית, עברית (מעורב LTR-RTL) וסינית

קוד C

lv_obj_t * ltr_label = lv_label_create(lv_screen_active());
lv_label_set_text(ltr_label, "In modern terminology, a microcontroller is similar to a system on a chip (SoC).");
lv_obj_set_style_text_font(ltr_label, &lv_font_montserrat_16, 0);
lv_obj_set_width(ltr_label, 310);
lv_obj_align(ltr_label, LV_ALIGN_TOP_LEFT, 5, 5);

lv_obj_t * rtl_label = lv_label_create(lv_screen_active());
lv_label_set_text(rtl_label,"מעבד, או בשמו המלא יחידת עיבוד מרכזית (באנגלית: CPU - Central Processing Unit).");
lv_obj_set_style_base_dir(rtl_label, LV_BASE_DIR_RTL, 0);
lv_obj_set_style_text_font(rtl_label, &lv_font_dejavu_16_persian_hebrew, 0);
lv_obj_set_width(rtl_label, 310);
lv_obj_align(rtl_label, LV_ALIGN_LEFT_MID, 5, 0);

lv_obj_t * cz_label = lv_label_create(lv_screen_active());
lv_label_set_text(cz_label,
                  "嵌入式系统（Embedded System），\n是一种嵌入机械或电气系统内部、具有专一功能和实时计算性能的计算机系统。");
lv_obj_set_style_text_font(cz_label, &lv_font_source_han_sans_sc_16_cjk, 0);
lv_obj_set_width(cz_label, 310);
lv_obj_align(cz_label, LV_ALIGN_BOTTOM_LEFT, 5, -5);

קוד MicroPython | סימולטור מקוון

ltr_label = lv.label(lv.screen_active())
ltr_label.set_text("In modern terminology, a microcontroller is similar to a system on a chip (SoC).")
ltr_label.set_style_text_font(lv.font_montserrat_16, 0)
ltr_label.set_width(310)
ltr_label.align(lv.ALIGN.TOP_LEFT, 5, 5)

rtl_label = lv.label(lv.screen_active())
rtl_label.set_text("מעבד, או בשמו המלא יחידת עיבוד מרכזית (באנגלית: CPU - Central Processing Unit).")
rtl_label.set_style_base_dir(lv.BASE_DIR.RTL, 0)
rtl_label.set_style_text_font(lv.font_dejavu_16_persian_hebrew, 0)
rtl_label.set_width(310)
rtl_label.align(lv.ALIGN.LEFT_MID, 5, 0)

cz_label = lv.label(lv.screen_active())
cz_label.set_text("嵌入式系统（Embedded System），\n是一种嵌入机械或电气系统内部、具有专一功能和实时计算性能的计算机系统。")
cz_label.set_style_text_font(lv.font_source_han_sans_sc_16_cjk, 0)
cz_label.set_width(310)
cz_label.align(lv.ALIGN.BOTTOM_LEFT, 5, -5)

▶️ התחלה מהירה

הרשימה הבאה תדריך אותך כיצד להתחיל עם LVGL שלב אחר שלב.

הכרת LVGL

1.בדוק את הדמו המקוון כדי לראות את LVGL בפעולה (3 דקות). 2.קרא את עמוד המבוא בתיעוד (5 דקות). 3.הכר את הבסיס בעמוד סקירה מהירה (15 דקות).

התחל להשתמש ב-LVGL

4.הגדר סימולטור (10 דקות). 5.נסה כמה דוגמאות. 6.העבר את LVGL ללוח. ראה את מדריך הפורטינג או בדוק את הפרויקטים המוכנים לשימוש.

הפוך למקצוען

7.קרא את עמוד המודולים הראשיים כדי להבין טוב יותר את הספרייה (2-3 שעות) 8.בדוק את התיעוד של הווידג'טים כדי לראות את התכונות והשימוש שלהם

קבל עזרה ועזור לאחרים

9.אם יש לך שאלות, גש לפורום 10.קרא את מדריך התרומה לפרויקט כדי לראות כיצד תוכל לעזור לשפר את LVGL (15 דקות)

🤝 שירותים

LVGL LLC הוקמה כדי לספק רקע מוצק לספריית LVGL ולהציע מספר סוגים של שירותים כדי לעזור לך בפיתוח ממשק המשתמש. עם 15+ שנות ניסיון בתעשיית ממשק המשתמש והגרפיקה, אנחנו יכולים לעזור לך להביא את ממשק המשתמש שלך לרמה הבאה.

עיצוב גרפי המעצבים הגרפיים שלנו הם מומחים ביצירת עיצובים מודרניים יפים המתאימים למוצר שלך ולמשאבי החומרה שלך.
מימוש ממשק משתמש אנחנו יכולים גם לממש את ממשק המשתמש שלך בהתבסס על העיצוב שאתה או אנחנו יצרנו. אתה יכול להיות בטוח שנפיק את המרב מהחומרה שלך ומ-LVGL. אם חסרה תכונה או ווידג'ט ב-LVGL, אל דאגה, נממש אותם עבורך.
ייעוץ ותמיכה אנחנו יכולים לתמוך בך גם בייעוץ כדי למנוע טעויות יקרות וזוללות זמן במהלך פיתוח ממשק המשתמש.
הסמכת לוחות לחברות המציעות לוחות פיתוח או ערכות מוכנות לייצור, אנו מבצעים הסמכת לוחות המראה כיצד הלוח יכול להריץ LVGL.

בדוק את הדמואים שלנו כדוגמה. למידע נוסף, עיין בעמוד השירותים.

צור קשר וספר לנו כיצד נוכל לעזור.

🌟 תרומה לפרויקט

LVGL הוא פרויקט פתוח ותרומה מתקבלת בברכה. ישנן דרכים רבות לתרום, החל מלדבר על הפרויקט שלך, דרך כתיבת דוגמאות, שיפור התיעוד, תיקון באגים ואפילו אירוח הפרויקט שלך תחת ארגון LVGL.

לתיאור מפורט של הזדמנויות תרומה, בקר בסעיף תרומה לפרויקט בתיעוד.

יותר מ-300 אנשים כבר השאירו את חותמם ב-LVGL. היה אחד מהם! נתראה כאן! 🙂

... ורבים אחרים.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ספריית גרפיקה קלה ורב-שימושית

📒 סקירה כללית

🚀 תכונות

❤️ נותני חסות

📦 חבילות

🤖 דוגמאות

תווית Hello world

כפתור עם אירוע לחיצה

תיבות סימון עם פריסה

עיצוב מחוון (Slider)

טקסטים באנגלית, עברית (מעורב LTR-RTL) וסינית

▶️ התחלה מהירה

🤝 שירותים

🌟 תרומה לפרויקט

FilesExpand file tree

README_he.md

Latest commit

History

README_he.md

File metadata and controls

ספריית גרפיקה קלה ורב-שימושית

📒 סקירה כללית

🚀 תכונות

❤️ נותני חסות

📦 חבילות

🤖 דוגמאות

תווית Hello world

כפתור עם אירוע לחיצה

תיבות סימון עם פריסה

עיצוב מחוון (Slider)

טקסטים באנגלית, עברית (מעורב LTR-RTL) וסינית

▶️ התחלה מהירה

🤝 שירותים

🌟 תרומה לפרויקט