[MIUI] Online Theme Editor bemutató

Xiaomi és MIUI hírek minden mennyiségben
parkasz
MIUI imádó
MIUI imádó
Hozzászólások: 583
Csatlakozott: 2013.12.14. 11:42
12
Telefonom: Xiaomi Mi4c

Medálok

[MIUI] Online Theme Editor bemutató

#1

Hozzászólás Szerző: parkasz »

Sziasztok!

A téma szerkesztés iránt érdeklődők számára itt egy új lehetőség, amely talán nem olyan bonyolult mint a normál témaszerkesztő. Ha valaki kedvet érzett rá és kipróbálta, szívesn vesszük, ha itt megosztja tapasztalatait.
Lássuk hát:

Mint azt bizonyára sokan tudjátok egy csodálatos versenyt, az "India téma verseny"-t útjára indította #MeByDesign, inspirálja az indiai MIUI téma más fejlesztőket. A verseny 6 hónapig tart, így még ha még semmit sem tudsz a MIUI témákról, de jó tervező van, van elég időd bőven, hogy mindent elsajátíts és részt vehess.
Tehát itt az első Téma Fejlesztői Bemutató az Online témaszerkesztőhöz.
Maradj velünk a következő frissítésig és készülj a #MeByDesign által szervezett, India első és legnagyobb témakészítő versenyére.
Használd ezt az online eszközt ha érdekel a témakészítés. Lesz majd egy topik, ahová várjuk visszajelzéseiteket és több Mi ajándék is kiosztásra kerül. Gyere és oszd meg velünk értékes észrevételeidet. A véleményed sokat jelent számunkra.
Az online témakésztés feltételei

[tab=30]Regisztráció a designer.xiaomi.com/ oldalon
[tab=30]Élő internet kapcsolat
[tab=30]Ötletek és fájlok (pl: háttérkép, ikonok stb)
... és kész is vagy. designer.xiaomi.com/

1. lépés: - Keresd fel az online felületet http://theme.mi.com/editor
Kép
[tab=30]* Klikkelj a Get Started gombra


2. lépés: - Jelentkezz be a mi account-oddal, amelyhez már kaptál tervezői jogokat.
Kép
[tab=30]* ha még nincs ilyened keresd fel a designer.xiaomi.com/ oldalt


3. lépés: - A bejelentkezés után rögtön a Szerkesztő kezdőlapon találod magad.
Kép
[tab=30]* Új téma létrehozásához válaszd a "Create a Theme" menüt
[tab=30]* Ha korábban megkezdett munkádat akarod folytatni, választ a "MIUI Theme Account"-ot


4. lépés: - Most beléptél a Theme Editor Tool / témaszerkesztőbe
Kép
Zárképernyő sablon: itt választhatsz egyet a három feloldási mód közül


5 pontos feloldás
[tab=90]
  • Négy alkalmazás a feloldáshoz (Home,Call,Messaging,Camera)
    [tab=90]
  • Beépített zenelejátszó a zárképernyőn
    [tab=90]
  • Többfunkciósan ugyanazon a képernyőn
    [tab=90]
  • Feloldás: ragadd meg a kort középen és húzd a választott alkalmazás ikonja fölé

3-swipe-os feloldás
[tab=90]
  • Három alkalmazás a feloldáshoz (Home,Call, Camera).
    [tab=90]
  • Kitehetsz bármilyen Idézet / Tájékoztatást a zárképernyőre (szöveg).
    [tab=90]
  • Feloldás: Húzd felfelé a kívánt alkalmazás ikonját

Feloldás csúsztattással
[tab=90]
  • Nagyon egyszerű feloldási mód
    [tab=90]
  • Feloldás: Egyszerűen csúsztasd el a lezáró gombot a képernyőn a megadott útvonalon
Válassz ki egy módszert és kattints a NEXT -re
Kép

5. lépés: - Zárképernyő szerkesztése

1. Zárképernyő háttér
Kép
[tab=90]
  • Kattints a Change gombra.
    [tab=90]
  • Töltsd fel a zárképernyő háttérképét
    [tab=90]
  • A mérete legyen 720 × 1280 px és JPG formátumi
    [tab=90]
  • Kattints a Next gombra

2. Szöveg hozzáadása a zárképernyőhöz (nem kötelező, ha nem akarsz semmilyen szöveget, akkor hagyd üresen)
Kép
3. Most töltsd fel a zárképernyő ikonjait és a maszkokat

[tab=90]*A maszk egy plusz réteg a zárképernyőn (szintén opcionális)
Kép
6. lépés: - Kezdőképernyő háttérképe
Kép
[tab=90]
  • Kattints a Change gombra
    [tab=90]
  • Töltsd fel a kezdő képernyő háttérképét
    [tab=90]
  • A mérete 1440x1280 px legyen, formátuma pedig JPG.
    [tab=90]
  • Ha a háttérkép feltöltődött klikkelj a Next-re

7. lépés: - kezdőképernyő ikonok
Kép
Kattints az Edit / szerkesztés gombra azok alatt az ikonok alatt amiket le akarsz cserélni és tölts fel a sajátjaidat.

[tab=90]
  • Jelenleg 32 ikont lehet megváltoztatni.
    [tab=90]
  • Minden ikon formátuma: png.
    [tab=90]
  • A mérete 192x192 px (se több, se kevesebb).
    [tab=90]
  • Semelyik ikont nem hagyhatod ki
Miután befejezted kattints Next gombra.


8. lépés: - további ikonok
Kép
Letöltött alkalmazások ikonjainak megváltoztatása. Kattints az Edit / szerkesztés gombra azok alatt az ikonok alatt amiket le akarsz cserélni és tölts fel a sajátjaidat.

[tab=90]
  • Jelenleg 4 típusú ikonok, amit meg tudsz változtatni.
    [tab=90]
  • Ikon háttere (letöltött alkalmazás ikon háttere).
    [tab=90]
  • Ikon mintája (letöltött alkalmazás ikon mintája).
    [tab=90]
  • Ikon maszkja (az ikon látható részei)
    [tab=90]
  • Mappa háttere (az alkalmazások mappája
Kép


9. lépés: - A rendszer UI (user interface) színei
Kép
Az UI színeinek megváltoztatása

[tab=90]
  • Válaszd ki az előtér és a háttér színeit és a megjelenítendő képeket.
    [tab=90]
  • Változás megjelenik az értesítési sávon, a Telefon, és az Üzenetek alkalmazásban is.
    [tab=90]
  • Válaszd ki a szín a színválasztóban vagy közvetlenül add meg az értékét a szövegdobozban
    [tab=90]
  • 1. szín megjelenik az alsó és felső menüsorban
    [tab=90]
  • 2. szín pedig a menüsorban elemeiben és szövegeiben jelenik meg



10. lépés: - Rendszer UI képek
Kép
UI képek megváltoztatása

[tab=90]
  • Töltsd fel a felső és alsó menüsor képét, amely megjelenik az alkalmazásokon belül is
    [tab=90]
  • Képfeltöltéshez használj .png formátumot és a méretezésnek is pontosnak kell lennie.
    [tab=90]
  • Ez a háttérkép sok helyen megjelenik a témában, így a színeket úgy kell kiválasztani, hogy összhangban legyen a fontok színeivel és a több UI komponenssel
Az összes feltöltés befejezése után kattints a Next gombra.

11. lépés: - tárcsázó UI
Kép
Tárcsázó UI megváltoztatása

[tab=90]
  • Tárcsázó háttere (720x484 px és png formátum)
    [tab=90]
  • Alsó menüsor képe (720x160 px és .png formátum).
    [tab=90]
  • Tárcsázó gomb normál / lenyomott állapotban (388x162 px)


Kattints a feltöltés gombra minden egyes képhez és töltsd fel a képet.
Az összes feltöltés befejezése után kattints a Next gombra.


12. lépés: - Üzenetek UI

Itt csak egy képet kell megváltoztatni, amit az Edit / szerkesztés gombbal tudsz megtenni.
A mérete 80x90 px és .png formátumú.
* Megjegyzés: - jobb, ha a gombnak nem adsz hátteret



13. lépés: - Értesítési sáv
Kép
Itt módosíthatod a:

[tab=90]
  • a kapcsolók színeit a a színválasztóból vagy közvetlenül megadva az értékét a szövegdobozban
    [tab=90]
  • az értesítési sáv háttérszínét (720x1060 px & .png formátum)
Az összes feltöltés befejezése után kattints a Next gombra.
Most már el is készült a téma. Most ellenőrizd az összes elvégzett módosítást az szerkesztő bal oldalán lévő ikonokra kattintva és hagyd jóvá a dizájn.

* Ellenőrizd, hogy a bal oldali ikonok alatt a pontok színe kék-e vagy sem

14. lépés: - Közzététel
Kép
Töltsd ki az összes mezőt.

[tab=30]1. Téma neve.
[tab=30]2. Tervező neve (A te neved / A csoport neve).
[tab=30]3. A téma leírása, amely indokolja a téma nevét vagy alapötletét


Gratulálunk, kész vagy !!!!!!!!


Itt megnézheted a téma elölnézetét, ha a Save & Preview gombra kattintasz
El is tudod menteni a témát .mtz fájlban: kattints a Download beta gombra. Ha kész az összes, küld el a témát felülvizsgálatra. Ez megteheted ha rákattintasz a Submit for review gombra


Még több anyagot találhatsz itt: - Online dokumentumok
forrás: http://en.miui.com/thread-186592-1-1.html
Avatar
BikaF1
MIUI imádó
MIUI imádó
Hozzászólások: 472
Csatlakozott: 2014.08.04. 20:57
12
Telefonom: Redmi 9T
Tartózkodási hely: Budapest
Kapcsolat:

Medálok

Re: [MIUI] Online Theme Editor bemutató

#2

Hozzászólás Szerző: BikaF1 »

Na kíváncsi leszek. Várom a jogosultságot.
Redmi 9T - MIUI14 xiaomi.eu ROM stabil | Redmi 4X - MIUIHU 11
Avatar
tiszag81
MIUI rajongó
MIUI rajongó
Hozzászólások: 274
Csatlakozott: 2016.01.08. 19:55
10
Telefonom: Xiaomi Mi 11
Tartózkodási hely: Budapest
 megköszönte: 2 alkalommal
Gender:

Medálok

Re: [MIUI] Online Theme Editor bemutató

#3

Hozzászólás Szerző: tiszag81 »

Szuper összefoglaló, köszi parkasz! ;-)

(várom a jóváhagyást...)
Xiaomi Mi 11
HyperOS 2.0.1.0
Avatar
tiszag81
MIUI rajongó
MIUI rajongó
Hozzászólások: 274
Csatlakozott: 2016.01.08. 19:55
10
Telefonom: Xiaomi Mi 11
Tartózkodási hely: Budapest
 megköszönte: 2 alkalommal
Gender:

Medálok

Re: [MIUI] Online Theme Editor bemutató

#4

Hozzászólás Szerző: tiszag81 »

Ezerrel szerkesztgetek... parkasz tudod hogyan lehet visszavonni egy feltöltött képet?

Rájöttem... újra kezdem... Plusz, ha nem minden kék pötty kék, akkor nem enged menteni? Pl félbe hagyott témát nem is menthetek?
A hozzászólást 1 alkalommal szerkesztették, utoljára tiszag81 2016.06.22. 12:09-kor.
Xiaomi Mi 11
HyperOS 2.0.1.0
Avatar
rajen
Adminisztrátor
Adminisztrátor
Hozzászólások: 28526
Csatlakozott: 2013.12.11. 23:22
12
Telefonom: Xiaomi 13
Tartózkodási hely: Győr
 megköszönte: 21 alkalommal
 megköszönték: 62 alkalommal
Gender:
Kapcsolat:

Medálok

Re: [MIUI] Online Theme Editor bemutató

#5

Hozzászólás Szerző: rajen »

Az online szerkesztővel még én sem bírtam el, ha valamit elrontasz, kezdheted előröl. Ráadásul nekem nem ment tovább az ikonoknál, mert 36 ikont kellene feltölteni, ott viszont csak 32 van. Inkább offline csinálom és saját telefonon tesztelem.
MIUI Magyarország Igazgató Úr =)) SZABÁLYZAT
PÜ-t csak akkor ha nagyon nagy a baj! Minden mást a fórumba! THX
Hívj meg egy kávéra, hogy jobban menjen a meló!
XDEV - Fejlessz, tedd közzé, tarts kapcsolatot
Gamelot - Játsz, ha unatkozol
Avatar
tiszag81
MIUI rajongó
MIUI rajongó
Hozzászólások: 274
Csatlakozott: 2016.01.08. 19:55
10
Telefonom: Xiaomi Mi 11
Tartózkodási hely: Budapest
 megköszönte: 2 alkalommal
Gender:

Medálok

Re: [MIUI] Online Theme Editor bemutató

#6

Hozzászólás Szerző: tiszag81 »

Ezt az ikonos részt nem is értem... 25-öt tudtam feltölteni... :-(

rajen te innen töltötted le az offline szerkesztőt?

http://en.miui.com/thread-37054-1-1.html
Xiaomi Mi 11
HyperOS 2.0.1.0
Avatar
rajen
Adminisztrátor
Adminisztrátor
Hozzászólások: 28526
Csatlakozott: 2013.12.11. 23:22
12
Telefonom: Xiaomi 13
Tartózkodási hely: Győr
 megköszönte: 21 alkalommal
 megköszönték: 62 alkalommal
Gender:
Kapcsolat:

Medálok

Re: [MIUI] Online Theme Editor bemutató

#7

Hozzászólás Szerző: rajen »

Igen, azt használom, de csak kicsomagolás, teszt és visszacsomagolásra. Az is használhatatlan... :( Mindent kézzel szerkesztek.
MIUI Magyarország Igazgató Úr =)) SZABÁLYZAT
PÜ-t csak akkor ha nagyon nagy a baj! Minden mást a fórumba! THX
Hívj meg egy kávéra, hogy jobban menjen a meló!
XDEV - Fejlessz, tedd közzé, tarts kapcsolatot
Gamelot - Játsz, ha unatkozol
Avatar
tiszag81
MIUI rajongó
MIUI rajongó
Hozzászólások: 274
Csatlakozott: 2016.01.08. 19:55
10
Telefonom: Xiaomi Mi 11
Tartózkodási hely: Budapest
 megköszönte: 2 alkalommal
Gender:

Medálok

Re: [MIUI] Online Theme Editor bemutató

#8

Hozzászólás Szerző: tiszag81 »

Csak bosszankodok a program miatt.... rajen abban tudsz segíteni, hogyan kell "kézzel" csinálni?
Köszönöm!
;-)
Xiaomi Mi 11
HyperOS 2.0.1.0
Avatar
rajen
Adminisztrátor
Adminisztrátor
Hozzászólások: 28526
Csatlakozott: 2013.12.11. 23:22
12
Telefonom: Xiaomi 13
Tartózkodási hely: Győr
 megköszönte: 21 alkalommal
 megköszönték: 62 alkalommal
Gender:
Kapcsolat:

Medálok

Re: [MIUI] Online Theme Editor bemutató

#9

Hozzászólás Szerző: rajen »

Hááát azt elég nehéz leírni. Tölts le pár témát, a Téma szerkesztővel(nem az online!!!) kicsomagolod és elkezded tanulmányozni az xml fájlokat, képeket. Meg kell tanulni mi micsoda és itt elolvasni mindent: http://en.miui.com/forum-7-1.html
MIUI Magyarország Igazgató Úr =)) SZABÁLYZAT
PÜ-t csak akkor ha nagyon nagy a baj! Minden mást a fórumba! THX
Hívj meg egy kávéra, hogy jobban menjen a meló!
XDEV - Fejlessz, tedd közzé, tarts kapcsolatot
Gamelot - Játsz, ha unatkozol
Avatar
tiszag81
MIUI rajongó
MIUI rajongó
Hozzászólások: 274
Csatlakozott: 2016.01.08. 19:55
10
Telefonom: Xiaomi Mi 11
Tartózkodási hely: Budapest
 megköszönte: 2 alkalommal
Gender:

Medálok

Re: [MIUI] Online Theme Editor bemutató

#10

Hozzászólás Szerző: tiszag81 »

Köszönöm!

Próbáltam leszedni a Miui fórumról, de nem jött le semmi... nem volt erőm sokat keresgélni... holnap megprobalom...
(a gyári téma leszedheto valahonnan?)

Köszi :)
Xiaomi Mi 11
HyperOS 2.0.1.0
Válasz küldése

Vissza: “MIUI Hírek”