Kodi Community Forum
XBMC Skining program Update. - Printable Version

+- Kodi Community Forum (https://forum.kodi.tv)
+-- Forum: Development (https://forum.kodi.tv/forumdisplay.php?fid=32)
+--- Forum: Skinning (https://forum.kodi.tv/forumdisplay.php?fid=12)
+--- Thread: XBMC Skining program Update. (/showthread.php?tid=15857)

Pages: 1 2


- jimk72 - 2005-10-26

here is a preview of the gui interface. by clicking on the preview page(tab in the upper left under button) it will take you to the preview page that will display you current skin for loaded xml file.

the view below is the main editing page that will display all the controls and allow you to see each control and make changes as needed. there will also be a preview for individual controls on this page. example would be if you load a button, it will display the button as it would look on your xbox.

so far i have all the loading done. you can load an xml file see all the data, and images from the media folder.

what needs to be done:

preview of loaded xml file as it would look on the xbox.
ability to save all changes.
create new controls.
ftp access to your xbox for editing realtime.

here is a preview:

Image


- jimk72 - 2005-10-26

one more thing, if you don't see a control option please let me know. i searched and searched and i think i have them all.

these options will not be availible to all controls and will be disabled if the selected control is incapable of having such argument.

any suggestions or comments welcome!!!

jimk


- TeknoJuce - 2005-10-27

sample download link? Smile are you building it in vb.net or c# ?


- jimk72 - 2005-10-27

no download yet. all the control options are in plain view in the pic.

the program is in perl using delphi 7.

anyway depending on how much time my wife lets me on i should have a beta within a week. all depends on if the sox win tonight Smile she gets upset if i don't sit next to her during the games. lol


- Livin - 2005-10-27

fantastic... we definitely could use a skin builder app.

are you planning a drag and drop interface?

one suggestion i have is to have an option to have a grid showing all the objects and the associated properties. and have it editable. i call it a quick edit grid. here's a very basic mockup i built for another app...

Image


- KoTiX - 2005-10-28

looks great for now, the only thing i can think is missing are the <alttexturefocus> used for the toggle buttons; <textureleft>, <textureleftfocus> etc used in select button; <textureradiofocus> used in radiobuttons; some other things like spin controls and slider controls are missing too but you can probably skip these controls for now and focus your work on easyer and more important things.

i'll be able to tell you more as soon as you give us a first release of the program.


- jimk72 - 2005-10-28

ok thanks i will add that asap. i am having a hard time with the preview screen. if i make it so you can drag things it gets kind of messy. what i have come up with is the ability to click on a control and it will showup in the preview and you can drag it around and set it up but it will not load a xml file and show all items. i have it like that now and becomes a mess with all the images and buttons.

i also need to know what screen resolution most of you guys use for your desktop?

mine is 1600x 1200 so i can get alot on there. but i don't want a program that is too big for peoples default screen size. on the other hand if i go to small i can't get all the control items on screen.


- jimk72 - 2005-10-28

i was just adding those and remembered there are only 6 textures for any one control. when you select a toggle button it will rename the label for the textures to go with what the control uses!


- Livin - 2005-10-28

i run at 1280x1024

here's a suggestion that may help with different screen resolutions...

how about making it simular to how amny web portals (msn, yahoo, etc) and be able to open/close and move sections. you basically have 3 columns, and multiple sections on your layout.

can you make each a separate section and have the ability to divide the window into 3 columns?

then people open/close and move sections to the column they wish. thus, fitting it to thier specific needs for editing, and needs for screen size and resolution.


- jimk72 - 2005-10-30

i got the size of the app down to a decent size(800heightx1080wide). now i have to figure how to deal with the strings.xml file. the idea i came up with is if you want to use it copy it and put it into the apps folder. if it is there than it will load them from there otherwise it will just display the id number. this will only effect the skin when editing. once loaded to your xbox it will use the strings.xml file from there to display the text.

things are comming along nice. if there is anyone that wants to play around with it just let me know. there is no saveing to a file yet so you would be able to just load a xml file and check out how it works.

references loading and updating is done.
drag and drop is working nice.
interconnected both pages so you are editing the same control.
so far drag and drop works for:
images, labels, buttons.
Smile


- Livin - 2005-10-30

if you post it they will try...

sorry, bad hacked movie reference.


but seriously, if you post it you will get many testers.


- jimk72 - 2005-10-30

i have a couple of things to finish up and if i can get a host i will upload it sunday.


- kraqh3d - 2005-10-30

this looks really good from the screen shots. if you're having problems with screen real-estate, you can probably remove the right-most column entirely.

the "all controls" section could easily be replaced with a button to
open this as a popup dialog.

i'm not sure what the little preview in the middle is for when you have a preview page in the tabs at the top.

and the xml view in the bottom could be replaced with a button "view xml" which brings up a popup dialog with the xml.


- jimk72 - 2005-10-31

i changed some things up and it looks like maybe monday or tuesday before a release. i got tons done today.

a grid is out of the question as there are 90+ control settings and it became a mess looking through all the info to see what you are looking for.

i finished up the loading and saveing of the xml files. as far as i can see it will load any xml file and resave all the info.

i have to change the front a little more as i found out there are 90+ variables that can be set. i am going to try to build a dynamic system that will change depending on the type of control selected.

i have done alot of hints and pull down selections so you don't have to read the manual and edit at the same time. most of all the info you need to know will be shown to you.

i may put a save function in but remember if i do, this is a very early build! so don't use your originals. make a backup folder and then mess around with it.

here are some updated pics:

this is the newer front end:
http://img.photobucket.com/albums/v351/jimk72/preview1.jpg

as you can see i had to make room for all the variables for all the control types Smile lots of them.

here is on of the actual drag and drop page.
http://img.photobucket.com/albums/v351/jimk72/preview2.jpg

all the items you see can be draged to anyware on that screen. if you click on a button it will show its on focus image as button 1 has been clicked. the button on the right that says preview will display the xml code for that control on the bottom right side. all changes will effect the control in real time. if you want to clear a control from the screen just right click and select yes and it will be cleared.

this next pic is how i check my code. it is a loaded xml file and then i use my variables that were loaded from that file to create a new file and as you can see they are the same. thats a good thing.

http://img.photobucket.com/albums/v351/jimk72/preview3.jpg

hope you enjoyed the pics. monday may be a busy day so hopefully by tuesday i will have a beta release.

happy halloween!


- TeknoJuce - 2005-10-31

how large will the beta compile be compressed?