first of all: Superb project. So much effort put into this it's amazing!
Now to my question.
In the resource folder of the projects are images with the look and feel of iOS 6.
As i am currently looking into iOS 7 app development i am wondering if there is a way to get the equivalent type of pictures in iOS 7 style?
I did some google research and found a bunch of images related to iOS 7 gui elements. But those files are not fitting with those in the "Resources" folder.
Any help is much appreciated.
Have a nice day!
~ Sunec
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
I've already wrote down, how to implement the iOS7 look here (search for iOS7), but I have no time for it. Now I'm working on the TableView, but these days I have a lot of other work and some problem that I have to solve, so I ask everybody to be patient, I'll make it soon.
But if you are interested in it, the PNGs are not from any internet source. They are all redrawn in Photoshop by hand based on screenshots and extracted images from the iOS. I think after I finish the TableView and my own app, I'll go for Android and if Babak made this awesome framework for it, I'll make the designtime package for it also.
So if I'll make the iOS7 look, that won't be soon. I think the library is usable now, the designtime package reached its goal, but if you would like to help, don't hesitate to contact us.
Thanks for your support.
Greetings
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
If you would like to replace the files, please make sure to download the stable build, not the SVN because the Resources folder in the SVN hasn't got updated a while. There must be 194 PNG files that must be replaced and I'll add more in a few days to support the TableView. Also if you would like to modify any PAS files related to the designtime packaged, please contact me before doing it, because I'm working on them all the time.
On the ohter hand we don't have a final idea how to implement the change between the iOS6 and 7 look. Maybe before installing the package into Delphi, you should modify an inc file to choose between them, but it's not clear yet, so it also should be discussed.
Greetings
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
I did download the latest stable build. And yes, there are 194 PNG files (checkboxes folder excluded).
I also noticed that some of the iOS 7 components don't use graphics anymore - like the new "buttons". They're just plain text.
Most of the files can just be replaced - like the tabbar icons. Of course the sizes are not fitting as i downloaded the images off my iPhone 4 with root access. So some resizing must be done.
As i am not a photoshop expert i have to use other tools to get the job done.
I already replaced some stuff like sliders and it looks promising.
However during the week i don't have that much time left. So i think i'll do some more work on the weekend.
~ Sunec
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
It's great, but replacing the images directly isn't a good solution. We have to create a new RC file for it, add the "_iOS7" suffix to every image, and modify the PAS files according to a compiler directive (which isn't defined yet).
Moreover the framework doesn't use the exact images extracted from the iOS. Some complex controls (like SegmentedControl, NavigationController, and so on) use PNGs drawn by me directly for this library. Consider that if you change the size or anything else of a PNG you should also change the corresponding Paint method, but only for iOS7 (use compiler directive).
Greetings
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Thanks for the honor! I see Embarcadero made the iOS7 available but we can't use this to change our controls in any ways, because FM uses its own styling engine to mimic the controls. When I started to make the designtime components and started with checking the Firemonkey style files, but I found out its completely unusable, because their controls are not exactly the same as the iOS native ones. Moreover they dont't have many controls, just the ones that can be used in Windows or MacOS. So I started to redraw everything based on the iOS native images and screenshots. The great part of the work was that I have to try every setting in every control and make as many thing to show in the correct way as many possible and have sense. So I you would like to make the iOS7 styles you have to do the same.
Greetings
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Ah damn - I thought we could use most of the code or maybe get some useful information. But I guess that's not the case.
I noticed that when compiling on an iOS 7 device with the current DPF version there are several areas where the screen isn't filled at all (even with correctly set align property).
I think it's because the size of most components changed and DPF.iOS.DesignTime still tells the compiler that there is something placed.
I can contribute the pictures i extracted off my device using this fine tool (https://github.com/0xced/iOS-Artwork-Extractor/wiki/Extracting-more-artwork) if that doesn't injure any copyright.
I will look into the whole DesignTime.pas and do some more research on the new component changes regarding sizes and styles.
so long...
~ Sunec
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Yes, if some control's size changed in the new iOS that has a fixed size, that could cause problem, because we set its size to fix in the IDE, but I don't think so, because if you set a fixed size control (eg. the Stepper) to for example to 10x10 px (you can do it if you comment out the Resize function in the control before installing the package) the iOS will resize it to the good size. So it doesn't really matter what the size of your control, the iOS will resize it. But I don't have iOS7 yet, I'll try this when I'll install it, but now I have a lot of other work to do.
PS.: The Designtime.pas is the wrong place to research anything about it. It only contains the bitmap definitions and handling routines. The real work is done in every control's Paint method.
If you would like to refer to this comment somewhere else in this project, copy and paste the following link:
Hello,
first of all: Superb project. So much effort put into this it's amazing!
Now to my question.
In the resource folder of the projects are images with the look and feel of iOS 6.
As i am currently looking into iOS 7 app development i am wondering if there is a way to get the equivalent type of pictures in iOS 7 style?
I did some google research and found a bunch of images related to iOS 7 gui elements. But those files are not fitting with those in the "Resources" folder.
Any help is much appreciated.
Have a nice day!
~ Sunec
Hi!
I've already wrote down, how to implement the iOS7 look here (search for iOS7), but I have no time for it. Now I'm working on the TableView, but these days I have a lot of other work and some problem that I have to solve, so I ask everybody to be patient, I'll make it soon.
But if you are interested in it, the PNGs are not from any internet source. They are all redrawn in Photoshop by hand based on screenshots and extracted images from the iOS. I think after I finish the TableView and my own app, I'll go for Android and if Babak made this awesome framework for it, I'll make the designtime package for it also.
So if I'll make the iOS7 look, that won't be soon. I think the library is usable now, the designtime package reached its goal, but if you would like to help, don't hesitate to contact us.
Thanks for your support.
Greetings
Hi Fenistil!
Thanks for your input. I managed to get all the needed graphics. I guess now i'll have to replace them :)
Also some controls changed their width (e.g. switches). So changes must be made to fit those adjustments.
~ Sunec
Last edit: Sunec 2013-09-16
If you would like to replace the files, please make sure to download the stable build, not the SVN because the Resources folder in the SVN hasn't got updated a while. There must be 194 PNG files that must be replaced and I'll add more in a few days to support the TableView. Also if you would like to modify any PAS files related to the designtime packaged, please contact me before doing it, because I'm working on them all the time.
On the ohter hand we don't have a final idea how to implement the change between the iOS6 and 7 look. Maybe before installing the package into Delphi, you should modify an inc file to choose between them, but it's not clear yet, so it also should be discussed.
Greetings
I did download the latest stable build. And yes, there are 194 PNG files (checkboxes folder excluded).
I also noticed that some of the iOS 7 components don't use graphics anymore - like the new "buttons". They're just plain text.
Most of the files can just be replaced - like the tabbar icons. Of course the sizes are not fitting as i downloaded the images off my iPhone 4 with root access. So some resizing must be done.
As i am not a photoshop expert i have to use other tools to get the job done.
I already replaced some stuff like sliders and it looks promising.
However during the week i don't have that much time left. So i think i'll do some more work on the weekend.
~ Sunec
It's great, but replacing the images directly isn't a good solution. We have to create a new RC file for it, add the "_iOS7" suffix to every image, and modify the PAS files according to a compiler directive (which isn't defined yet).
Moreover the framework doesn't use the exact images extracted from the iOS. Some complex controls (like SegmentedControl, NavigationController, and so on) use PNGs drawn by me directly for this library. Consider that if you change the size or anything else of a PNG you should also change the corresponding Paint method, but only for iOS7 (use compiler directive).
Greetings
I agree with you.
Having an option to switch between both styles is the way to go.
You're doing awesome stuff here! Much appreciated.
To be honest i thought it would be an easier job to implement the iOS 7 style. I was clearly wrong ;)
Having all the images and putting them in the correct size is one thing. But implementing those is much more work.
Also it seems Apple is painting more and more stuff instead of using image resources - so some images aren't necessary anymore.
~ Sunec
There we go:
http://edn.embarcadero.com/article/43388
:D
Hi!
Thanks for the honor! I see Embarcadero made the iOS7 available but we can't use this to change our controls in any ways, because FM uses its own styling engine to mimic the controls. When I started to make the designtime components and started with checking the Firemonkey style files, but I found out its completely unusable, because their controls are not exactly the same as the iOS native ones. Moreover they dont't have many controls, just the ones that can be used in Windows or MacOS. So I started to redraw everything based on the iOS native images and screenshots. The great part of the work was that I have to try every setting in every control and make as many thing to show in the correct way as many possible and have sense. So I you would like to make the iOS7 styles you have to do the same.
Greetings
Ah damn - I thought we could use most of the code or maybe get some useful information. But I guess that's not the case.
I noticed that when compiling on an iOS 7 device with the current DPF version there are several areas where the screen isn't filled at all (even with correctly set align property).
I think it's because the size of most components changed and DPF.iOS.DesignTime still tells the compiler that there is something placed.
I can contribute the pictures i extracted off my device using this fine tool (https://github.com/0xced/iOS-Artwork-Extractor/wiki/Extracting-more-artwork) if that doesn't injure any copyright.
I will look into the whole DesignTime.pas and do some more research on the new component changes regarding sizes and styles.
so long...
~ Sunec
Yes, if some control's size changed in the new iOS that has a fixed size, that could cause problem, because we set its size to fix in the IDE, but I don't think so, because if you set a fixed size control (eg. the Stepper) to for example to 10x10 px (you can do it if you comment out the Resize function in the control before installing the package) the iOS will resize it to the good size. So it doesn't really matter what the size of your control, the iOS will resize it. But I don't have iOS7 yet, I'll try this when I'll install it, but now I have a lot of other work to do.
PS.: The Designtime.pas is the wrong place to research anything about it. It only contains the bitmap definitions and handling routines. The real work is done in every control's Paint method.