WIP Switch Layout Editor - Create/Edit Themes and Games

Discussion in 'Switch - Emulation, Homebrew & Software Projects' started by FuryBaguette, Jan 18, 2019.


    9,843

    41
    Front-page WIP
    Hello everyone, exelix and I are finally releasing the Switch Layout Editor. Please note that this is still in beta.

    Brief Description:

    The Switch Layout Editor enables you to edit and preview BFLYT files which are used in the Switch interfaces and games.
    With this tool you can easily create and edit themes.


    Main Features:

    • Layout loading, editing and saving
    • Rendering the bounding boxes of the components
    • SZS editing
    • Drag and drop
    • Simultaneous file editing
    • Import/Export JSON patch (Compatible with Switch themes)
    How to use:

    You can check the Wiki on the Github page for a more in depth tutorial.

    Extract the zip file and open "Switch Layout Editor.exe". You can now open a SZS or BFLYT file.
    BFLYT files are commonly found in SZS archives, when opening a SZS file you can double click on the files in the list to edit them (if they're supported).

    If you're making a theme:
    Once you're done editing, you can either:
    - Save your changes to the SZS and use it. (illegal to share publicly)
    - Export your theme as a JSON patch that you can use with the Switch Theme Injector to create a nxtheme (legal to share)

    Release:

    Updates:
    v1.0 Beta 3.1 hotfix

    Screenshots:
    Warning: Spoilers inside!

    Credits:
    • FuryBaguette - Development
    • exelix - Base of the editor & Continuous development
    • Abood - Sarc Tool
    • Syroot - BinaryData
    MainMenu.
     
    hallo23, crazy_p, Mouser X and 25 others like this.
    Discussion (41 replies)
  1. exelix11

    exelix11 GBAtemp Advanced Fan

    Member
    7
    Feb 25, 2015
    Italy
    C:\users\exelix11\
  2. Tinnetju

    Tinnetju Member

    Newcomer
    1
    Jul 31, 2018
    Netherlands
    Amazing! I have been waiting for this! Thanks so much for creating this tool
     
    FuryBaguette likes this.
  3. Foundforgood89

    Foundforgood89 Member

    Newcomer
    1
    Nov 19, 2017
    United States
    Great work. Much appreciated
    Just out of curiosity, does this allow any management of the order applications are in (rather than the default "most recent" generated order the device normally uses)
     
  4. FuryBaguette
    OP

    FuryBaguette Newbie

    Newcomer
    1
    Jan 6, 2019
    France
    Thank you! You can change the games position but the switch will still decide the order
     
    DARKFiB3R and Foundforgood89 like this.
  5. FuryBaguette
    OP

    FuryBaguette Newbie

    Newcomer
    1
    Jan 6, 2019
    France
    UPDATE: v1.0 Beta 3.1 hotfix

    Changelog:
    • Hotfix for a bug causing a black screen
     
  6. Jbg

    Jbg Newbie

    Newcomer
    1
    Dec 5, 2018
    United States
    keep it up
     
  7. SG911

    SG911 GBAtemp Fan

    Member
    4
    Dec 20, 2017
    United States
    Bronx, NY
    Awesome! Will be using this for sure, as soon as i figure out how to obtain the file(s) i need to edit with this editor of yours. Nice job! :D

    EDIT: Nvm i think your wiki page explains how & what not. Lol
     
  8. FuryBaguette
    OP

    FuryBaguette Newbie

    Newcomer
    1
    Jan 6, 2019
    France
    Yes it's all on the wiki and another guide linked in the wiki
     
    SG911 likes this.
  9. Dichotomy754

    Dichotomy754 Member

    Newcomer
    2
    Nov 11, 2018
    United States
    Thank you, with this I was able to fix the overlapping text in the two row layout. I don't know if anyone else got that but it's been really bugging me.
     

    Attached Files:

    DaBlackDeath and FuryBaguette like this.
  10. LightBeam

    LightBeam Member

    Newcomer
    2
    Oct 1, 2018
    France
    Can we make the buttons transparent with this ? I really hate the ugly dark colors around the buttons and would like to get rid of this, just like a few themes already did, but I don't know how to do that
     
  11. exelix11

    exelix11 GBAtemp Advanced Fan

    Member
    7
    Feb 25, 2015
    Italy
    C:\users\exelix11\
    Yes, irrc the background pane of each button can be hidden. You could check how the other themes do it by looking into the json
     
    LightBeam likes this.
  12. LightBeam

    LightBeam Member

    Newcomer
    2
    Oct 1, 2018
    France
    Alright I'll do that, thank you for the answer
     
  13. Dichotomy754

    Dichotomy754 Member

    Newcomer
    2
    Nov 11, 2018
    United States
    There is one thing I can't figure out how to get rid of, and it's this annoying white line. Anyone know what it might be labeled as?

    Edit: Well never mind. Through pure luck I found a post by Exelix11 explaining it was located in common.szs and upon further digging I found it. "LineFooter.bflyt"

    Now ur not.
     

    Attached Files:

    Last edited by Dichotomy754, Jan 22, 2019
  14. chaoskagami

    chaoskagami Former CFW Dev

    Member
    9
    Mar 26, 2016
    United States
    ↑↑↓↓←→←→BA
    Ah, this is nice. Especially the fact that all the bounding box positions are calculated and previewed properly, unlike Wexos Toolbox.
     
    FuryBaguette likes this.
  15. qurao

    qurao Member

    Newcomer
    2
    Aug 9, 2018
    Denmark
    Thanks for posting this. I finally got rid of that stupid line as well.
     
  16. HoTsHoTz79

    HoTsHoTz79 GBAtemp Regular

    Member
    3
    May 9, 2018
    Canada
    Not sure what i am doing wrong or if i'm skipping a step... but the changes im making is not applying to .nxtheme (i'm on 6.2)
    • Opened orig ResidentMenu.szs in Switch Layout Editor
    • Opened blyt/RdtBase.bflyt
    • Changed position for N_Icon_00 & N_Icon_01
    • Save to SZS - Close
    • Save As ... test.szs
    • Tools > Layout Diff - Selected Original ResidentMenu.szs and Edited test.szs
    • Generate diff - test.json
    • Went to https://exelix11.github.io/SwitchThemeInjector/ site
    • Inject & Patch tab > Open test.szs - Detected home menu 6.X
    • Set BG image .dds
    • Custom Layout - set to Dont Patch
    • Build NXTheme
    • Used GoldLeaf to install theme
    • Reboot > only background changed... positions of icons did not change
    According to https://nh-server.github.io/switch-guide/extras/theming/ guide
    it says i have to use Nxtheme Builder tab.. but that does not give me option to use my .json or edited .szs
     
  17. exelix11

    exelix11 GBAtemp Advanced Fan

    Member
    7
    Feb 25, 2015
    Italy
    C:\users\exelix11\
    Custom layouts from the szs don't transfer automatically to the nxtheme, that's why you must make a json layout and also the web version of the injector doesn't support uploading layouts.
    For json layouts use the pc version of the injector, there's an option in the layouts list to open a json.
    That's the biggest mistake you're doing. Still to keep everything compatible with all the firmwares not every change is supported in the json format, if you're not changing just the basic properties (like position, scale, rotation, color and so on) after diffing check that the json actually contains all your changes.
    About GoldLeaf idk if xor updated it to the latest version of my lib, if all the changes are in the json try installing the theme with NXThemes Installer.
    If you're changing a property that's not supported (aka doesn't appear in the json) but you think it would be useful for making themes pm me either here or on discord.
     
  18. HoTsHoTz79

    HoTsHoTz79 GBAtemp Regular

    Member
    3
    May 9, 2018
    Canada
    Ah i knew i missed something.. i had the .nro downloaded earlier and did not realize the .zip file for pc

    Thanks.. will give this a go!
     
  19. NitroCipher

    NitroCipher GBAtemp's Resident Alchemist

    Member
    2
    Jan 24, 2016
    United States
    Damn, this is sick. Cheers man!
     
    FuryBaguette likes this.
Loading...