Bubble Native tətbiqində əvvəlki Photo Editor interfeysi. Cari beta versiyasında redaktə və ixrac hələ test edilir.
Bubble Native tətbiqində əvvəlki Photo Editor interfeysi. Cari beta versiyasında redaktə və ixrac hələ test edilir.
← Bütün Bubble Native bələdçiləri

Xodera Plugins · Bubble Native

Xodera Photo Editor Native

Seçilmiş fotoşəkili vahid görünüşlü avatar, məhsul şəkli və ya hesabat əlavəsi halına gətirin. Kəsin, döndərin və ölçüsünü dəyişdirin, sonra ixrac edilmiş nüsxəni tətbiqinizdə saxlayın.

Public beta guides · Haptics instructions are in its Bubble listing

Public beta offer: free Bubble install · 7-day card trial, then US$1.50/month per plugin/project.

Sənədlər 6 Noyabr 2026 tarixində nəzərdən keçirildi.

Praktik nümunələr

Yükləmədən əvvəl ardıcıl profil avatarları

İstifadəçilər təsvirlərinin hansı hissəsinin kvadrat profil şəkilində görünəcəyini seçməlidirlər, təsadüfi kəsimi qəbul etmək yerinə.

`source_url = selected profile image`; `crop_aspect = "1:1"`; `document_context = the account’s stable reference`.

`source_loaded` hadisəsini gözləyin; Begin crop → Apply crop, lazım olduqda Rotate və ya Undo istifadə edin. İstifadəçi Save əməliyyatını açıq şəkildə seçdikdə Export image işə salın.

Yalnız `export_completed`-də, `output_uri`, `output_width`, `output_height` və `output_mime`‑ni fayl yükləmə iş axınınıza giriş kimi istifadə edin. Sonra onun davamlı istinadını Profildə saxlayın.

İstifadəçi ləğv edərsə və ya `editor_error` işə düşərsə, köhnə avatarı saxlayın. Hesab dəyişdikdə sessiyanı təmizləyin ki, başqa istifadəçi qaralamanı görə bilməsin.

Redaktə yerli nüsxə yaradır. Tətbiqiniz onu necə saxlayacağını və ya yükləyəcəyini seçir.

Bazar yeri və ya kataloq şəkillərini ardıcıl hazırlayın

Fərqli kadrlaşdırma və ölçüdən böyük şəkillər kataloqu qeyri‑bərabər edir və yükləmə ölçüsünü artırır.

`source_url = selected item photo`; `crop_aspect = the app’s chosen ratio`; `export_max_dimension`, `export_format` və `export_quality` yükləmə siyasətinizdən gəlir.

Müvafiq sahəni kəsin, istəyə bağlı Resize, sonra istifadəçi təsdiqlədikdən sonra Export image. Orijinal faylı/istinadını ayrı saxlayın.

Yükləmə iş axını nəticəni saxlamazdan əvvəl `output_width`, `output_height`, `output_bytes` və `output_mime`‑ni yoxlayın. Nəticə şəkil istinadını Item qeydində saxlayın.

İxrac uğursuz olarsa və ya nəticə yükləmə siyasətinizi pozarsa, `error_code`‑ni göstərin və istifadəçiyə onu düzəltməyə icazə verin. Yükləmə təsdiqindən əvvəl Item qeydinin əvvəlki şəklini üzərinə yazmayın.

Redaktə yerli nüsxə yaradır. Tətbiqiniz onu necə saxlayacağını və ya yükləyəcəyini seçir.

Sahə hesabatı üçün fokuslanmış şəkil nüsxəsi yaradın

Texniki mütəxəssis zədələnmiş bir hissənin yaxın planını, orijinal hesabat şəkilini qoruyaraq tələb edə bilər.

`source_url = Current Report Photo’s source`; `document_context = the report/account reference`; kəsim nisbəti məhdudiyyətsiz qala bilər.

Begin crop → Apply crop, sonra redaktələri müqayisə etmək üçün Undo/Redo‑dən istifadə edin. Export image redaktə edilmiş nüsxəni yaradır; tətbiqiniz bu nüsxəni Hesabata əlavə etmək istədiyinizi soruşur.

`has_changes`, `can_undo`, `can_redo` və `output_uri`‑dən istifadə edin. Uğurlu yükləmədən sonra orijinal və redaktə edilmiş istinadları ayrı tətbiq sahələrində saxlayın.

Cancel crop və ya Reset edits redaktə yolunu bərpa edir; ləğv etmə orijinal Report əlavəini dəyişməz saxlamalıdır.

Redaktə yerli nüsxə yaradır. Tətbiqiniz onu necə saxlayacağını və ya yükləyəcəyini seçir.

İndi işləyənlər

Public beta. Use the documented controls and actions; test supported formats, permissions and device behavior in your own native app. Browser preview does not validate native device output.

İş axınını yaradın

Aşağıdakı mövcud beta əməliyyatlarından istifadə edin və nəticəni hədəf cihazlarınızda test edin.

Bu nümunələr Lesson, Message və Order kimi tətbiq qeydlərindən istifadə edir. Onları öz məlumat tipləriniz və element adlarınızla əvəz edin. Nümunə media ünvanları öz fayllarınızla dəyişdirilməlidir.

  1. source_url‑i seçilmiş şəkilə təyin edin. Redaktə edilən hesabı və qeydi müəyyən etmək üçün document_context‑dən istifadə edin ki, qeyd dəyişəndə əvvəlki foto redaktordan təmizlənsin.

  2. source_loaded‑dən sonra Begin crop‑i işə salın. Avatar üçün 1:1 seçin, kəsimi tənzimləyin və Apply crop‑dən istifadə edin. Cancel crop şəkili dəyişdirmədən saxlayır.

  3. Lazım olduqda Rotate, Flip və ya Resize‑dən istifadə edin. Undo və Redo tamamlanmış redaktələr arasında hərəkət edir; Reset edits orijinal şəkili bərpa edir.

  4. Export image işə salın. export_completed-də output_uri, output_width, output_height və output_mime oxuyun. Seçdiyiniz fayl‑saxlama iş axını ilə həmin nüsxəni yadda saxlayın və ya serverə yükləyin, sonra yadda saxlanılan faylı qeydə yerləşdirin.

İş axını diaqramı — tətbiq ekran görüntüsü deyil

Bir dəfə konfiqurasiya edin

Bu plugin üçün açar aktivləşdirməsi planlaşdırılıb. BestPlugins → Dashboard → Plugins daxilində Bubble tətbiq layihənizi yaradın və ya seçin. Xodera Photo Editor Native seçin, açarını kopyalayın, sonra Bubble → Plugins → Xodera Photo Editor Native açın və licensing_api_key‑ə yapışdırın. Bir dəfə saxlayın; sonra aşağıdakı əmrləri istifadə edin. Hər layihədəki hər plugin öz açarına malikdir.

Əvvəlcə tətbiqinizlə şəkili seçin və ya çəkin. Redaktora əldə olunan oxunaqlı şəkil ünvanını verin. Kamera və foto‑kitabxana icazələri istifadə etdiyiniz seçiciyə aiddir.

Bir dəfə konfiqurasiya edin
  1. BestPlugins → Dashboard → Plugins‑də Bubble tətbiq layihənizi yaradın və ya seçin.
  2. Bu plugin seçin və layihə açarını kopyalayın.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Elementi əlavə edin, tətbiq məlumatlarınızı seçin və aşağıdakı iş axınını yaradın.
  5. In the dashboard, review and confirm the 7-day card trial for this plugin. It then costs US$1.50/month per app project, including development and production. Cancel before the trial ends to avoid the first charge.
Quraşdırma və abunə

For Audio Player, Video Player, Photo Editor, Audio Recorder, Files Kit and Haptics: free Bubble installation, a 7-day trial with a card, then US$1.50 per month per plugin and app project. Development and production are included, with no operation cap. File-size and feature limits still apply. Review billing and cancellation before confirming. Other plugins remain unavailable for purchase.

Nəticəni tətbiqinizdə saxlayın

Yüklənmiş və ya daimi saxlanılmış şəkili Profile.image‑a və ya əlavə sahənizə yaddaşda saxlayın. output_uri cihazda müvəqqəti fayldır, buna görə əvvəlcə seçdiyiniz iş axını ilə həmin faylı saxlayın. Sonra output_width, output_height və output_mime‑i meta‑məlumat kimi saxlayın. Hər iki versiyaya ehtiyacınız varsa orijinal şəkili saxlayın.

Uğursuzluq, ləğv və bərpa

source_load_failed və ya editor_error üzərində error_code göstərin və Load source təklif edin. Cancel operation tamamlanmamış nəticəni qəbul etməyi dayandırır; başqa redaktəyə başlamazdan əvvəl is_busy=no‑ə qədər gözləyin. Clear session redaktoru təmizləyir, başqa yerdə saxlanılmış şəkili silmir.

İmkanlar və məhdudiyyətlər

JPEG və PNG ixracı; keyfiyyət 0–1; maksimum çıxış tərəfi 1–4096 piksel. Giriş: ən çox 15 MiB və 20 meqapiksel. Ən çox 20 tamamlanmış redaktə. Kəsmə seçimləri: sərbəst, 1:1, 4:3, 3:4 və 16:9. Daxili kamera, filtr, mətn örtükləri, perspektiv düzəlişi, WebP ixracı və ya avtomatik yükləmə yoxdur.

Ayarlar, əməliyyatlar və nəticələr

Bu adları Bubble-də istifadə edin. Planlaşdırılmış xüsusiyyətlər ayrı şəkildə işarələnir.

Mövcud beta ayarları

Element ayarları

source_url · textdocument_context · textis_active · yes_nodisabled · yes_noshow_controls · yes_nocrop_aspect · textexport_format · textexport_quality · numberexport_max_dimension · numberallow_upscale · yes_noui_text_json · textlanguage · text

Vəziyyətlər

editor_status · textis_busy · yes_nohas_image · yes_nohas_changes · yes_nocan_undo · yes_nocan_redo · yes_noimage_width · numberimage_height · numberoutput_uri · textoutput_width · numberoutput_height · numberoutput_bytes · numberoutput_mime · texterror_code · textcrop_active · yes_nocrop_rect_json · text

Hadisələr

source_loadedsource_load_failededit_appliededit_undoneedit_redoneeditor_resetexport_startedexport_completedoperation_cancellededitor_error

Əməliyyatlar və onların girişləri

Load sourceBegin cropApply cropCancel cropRotateFlipResizeUndoRedoReset editsExport imageCancel operationClear session
Element ayarları · 12
source_urltext · Standart: ""
Nümunə dəyərihttps://bestplugins.online/native-samples/avatar.jpg
Nümunə Bubble ifadəsiSelected Profile's image_url
Seçilmiş audio, video və ya şəkil faylının ünvanı. Bu qoşmanın dəstəklədiyi fayl növündən istifadə edin.
document_contexttext · Standart: ""
Nümunə dəyəri<current-user-id>
Nümunə Bubble ifadəsiCurrent User's unique id
Bu hesab və ya qeyd üçün sabit dəyər. Saxlanılmış faylları və ya qaralamaları bərpa edərkən eyni dəyəri istifadə edin.
is_activeyes_no · Standart: true
Nümunə dəyəriyes
Nümunə Bubble ifadəsiGuideHost's view_is_active (your yes/no custom state)
Bu görünüş açıq olduqda yes (bəli) təyin edin. Çıxarkən no (xeyr) təyin edin ki, oynatma və ya cari iş dayana bilsin.
disabledyes_no · Standart: false
Nümunə dəyərino
Nümunə Bubble ifadəsiGuideHost's is_busy (your yes/no custom state)
Tətbiqiniz məşğul olduğu və ya bu əməliyyat mövcud olmadığı müddətcə elementi deaktiv edin.
show_controlsyes_no · Standart: true
Nümunə dəyəriyes
Nümunə Bubble ifadəsiApp Settings' show_editor_controls
Daxili idarəetmələri göstərin və ya gizlədin.
crop_aspecttext · Standart: "free"
Nümunə dəyəri1:1
Nümunə Bubble ifadəsiAvatar Settings' crop_ratio
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
export_formattext · Standart: "jpeg"
Nümunə dəyərijpeg
Nümunə Bubble ifadəsiFormat Dropdown's value
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
export_qualitynumber · Standart: 0.85
Nümunə dəyəri0.85
Nümunə Bubble ifadəsiImage Settings' quality
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
export_max_dimensionnumber · Standart: 2048
Nümunə dəyəri2048
Nümunə Bubble ifadəsiImage Settings' max_side
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
allow_upscaleyes_no · Standart: false
Nümunə dəyərino
Nümunə Bubble ifadəsiAllow upscale Checkbox is checked
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
ui_text_jsontext · Standart: ""
Nümunə dəyəri{}
Nümunə Bubble ifadəsiApp Settings' player_labels_json (supported keys only)
İstəyə bağlı JSON dəstəklənən düymə etiketləri ilə. Daxili mətn istifadə etmək üçün boş buraxın.
languagetext · Standart: "auto"
Nümunə dəyəriuk
Nümunə Bubble ifadəsiCurrent User's preferred_language
language=auto‑i dəstəklənən cihaz və ya brauzer dilini izləmək üçün təyin edin. Açıq şəkildə seçmək üçün dəstəklənən dil kodunu daxil edin.
Əməliyyatlar və onların girişləri · 13
Load source

Heç bir əməliyyat parametri yoxdur

Begin crop

Heç bir əməliyyat parametri yoxdur

Apply crop
origin_xnumber · Standart: —
Nümunə dəyəri0
Nümunə Bubble ifadəsiCrop Settings' x (or omit all rectangle inputs)
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
origin_ynumber · Standart: —
Nümunə dəyəri0
Nümunə Bubble ifadəsiCrop Settings' y (or omit all rectangle inputs)
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
widthnumber · Standart: —
Nümunə dəyəri512
Nümunə Bubble ifadəsiResize Width Input's value:converted to number
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
heightnumber · Standart: —
Nümunə dəyəri512
Nümunə Bubble ifadəsiResize Height Input's value:converted to number
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
Cancel crop

Heç bir əməliyyat parametri yoxdur

Rotate
degreesnumber · Standart: —
Nümunə dəyəri90
Nümunə Bubble ifadəsiRotation Dropdown's value
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
Flip
axistext · Standart: —
Nümunə dəyərihorizontal
Nümunə Bubble ifadəsiFlip Direction Dropdown's value
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
Resize
widthnumber · Standart: —
Nümunə dəyəri512
Nümunə Bubble ifadəsiResize Width Input's value:converted to number
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
heightnumber · Standart: —
Nümunə dəyəri512
Nümunə Bubble ifadəsiResize Height Input's value:converted to number
Cari iş qeydi dəyərindən istifadə edin; onu aşağıdakı hədlərlə doğrulayın.
Undo

Heç bir əməliyyat parametri yoxdur

Redo

Heç bir əməliyyat parametri yoxdur

Reset edits

Heç bir əməliyyat parametri yoxdur

Export image

Heç bir əməliyyat parametri yoxdur

Cancel operation

Heç bir əməliyyat parametri yoxdur

Clear session

Heç bir əməliyyat parametri yoxdur

Vəziyyətlər və hadisələr

Vəziyyətlər

editor_status · text

Bu əməliyyatın cari nəticəsi. Uğuru yadda saxlamaqdan əvvəl uyğun tamamlama hadisəsindən istifadə edin.

is_busy · yes_no

İş hələ davam edir. Başqa bir əməliyyata başlamazdan əvvəl gözləyin.

has_image · yes_no

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

has_changes · yes_no

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

can_undo · yes_no

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

can_redo · yes_no

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

image_width · number

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

image_height · number

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

output_uri · text

Bu cihazda faylın yerləşməsi. Fayl onlayn saxlanmalı olsa, ayrı-ayrılıqda yaddaşda saxlayın və ya yükləyin.

output_width · number

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

output_height · number

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

output_bytes · number

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

output_mime · text

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

error_code · text

Son əməliyyat üçün xəta məlumatı. Faydalı mesaj göstərin və müvafiq təkrar seçimini təklif edin.

crop_active · yes_no

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

crop_rect_json · text

Seçilmiş elementin cari dəyəri. Əlaqəli hadisədən sonra oxuyun.

Hadisələr

source_loaded

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

source_load_failed

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

edit_applied

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

edit_undone

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

edit_redone

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

editor_reset

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

export_started

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

export_completed

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

operation_cancelled

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

editor_error

Bu hadisə baş verdikdə, eyni elementdən əlaqəli vəziyyətləri oxuyun.

İnkişaf etdiricilərin verdiyi suallar

output_uri, Bubble faylıdır?

Xeyr. Bu, yerli keş yolu‑dır. Bulud faylı istinadını saxlamazdan əvvəl onu etibarlı yerli saxlayıcı və ya yükləyici vasitəsilə davamlı edin.

Abunəlik necə işləyir?

For Audio Player, Video Player, Photo Editor, Audio Recorder, Files Kit and Haptics: free Bubble installation, a 7-day trial with a card, then US$1.50 per month per plugin and app project. Development and production are included, with no operation cap. File-size and feature limits still apply. Review billing and cancellation before confirming. Other plugins remain unavailable for purchase.

Əlaqəli bələdçilər

Kömək üçün, hansı plugin və cihazı istifadə etdiyinizi, cəhd etdiyiniz əməliyyatı və nə baş verdiyini bizə bildirin. Şəxsi məlumatları olmayan nümunə istifadə edin. Açarınızı və ya şəxsi fayllarınızı heç vaxt paylaşmayın.