- This topic has 7 replies, 3 voices, and was last updated 12 years, 4 months ago by Support.
-
AuthorPosts
-
May 1, 2010 at 7:19 pm #33723JohnBankParticipantMay 8, 2010 at 7:07 pm #42439SupportKeymaster
Hello!
You mean a making of skins with such colors? There are no examples of controls or forms (except few panels and speedbuttons)…
August 22, 2010 at 1:20 pm #43213JohnBankParticipantHi, here is a link to Zune software 4 –> link.
You can see all types of controls on that application, it's used to interefe the PC with Zune(microsoft's mp3 player), the mp3 player uses the same metro design.
Some pictures from now:
other software using metro:
Browser skin:
Mockups of IE9's UI. It is available as a skin for IE8.
the icons:
Concept of Metro skin and Icons you can find here in this pdf file. IT has many icons. Controls and effects you can find in the first application I wrote about(Zune software 4).The font used:
I wrote a unit that bundles a font into the resources of an executable and initializes it on program execution.
Here:
CODEunit fontUtils;interface
uses Classes,SysUtils,Windows;
function InitFontMem(FResourceName:string):Cardinal;
implementation
{$R ……MiscfontsFontRes.RES}
function InitFontMem(FResourceName:string):Cardinal;
var Res:TResourceStream;
Lib1, FontCount1: Cardinal;
AddFontMemResEx: function(
PFontMem: Pointer; MemSize: Cardinal; PServed:
Pointer; var FontCount: Cardinal
): THandle; stdcall;
begin
Result := 0;
//Avoid exceptions.This api call is included in 2000++
if(Win32Platform = VER_PLATFORM_WIN32_NT) and (Win32MajorVersion >= 5) then begin
Lib1 := LoadLibrary('gdi32.dll');
FontCount1 := 0;
if Lib1 0 then
try
AddFontMemResEx := GetProcAddress(Lib1, 'AddFontMemResourceEx');
if(@AddFontMemResEx nil) then begin
Res := TResourceStream.Create(hInstance, FResourceName, 'RT_FONT');
try
if(Res.Size > 0) then
Result := AddFontMemResEx(Res.Memory, Res.Size, nil, FontCount1);
finally
Res.Free;
end;
end;
finally
end;
end;
end;initialization
InitFontMem('SegoeUI');
InitFontMem('SegoeUILight');end.
A res file is needed to compile that unit. Check the line “{$R ……MiscfontsFontRes.RES}”. I included the method I create res files with example font “Segoe UI”(This is the font they use) in the archive below Fonts.rar.
The best sample you can use to copy it is in the Zune Software 4(the first link in this post), you can see there the effects. The style is called “Metro”. I hope I give you enough. It's the future skin for microsoft software, I hope AlphaSkins has it future.
Please let me know what you think!!
September 6, 2010 at 10:56 am #43250SupportKeymasterThank you John.
I will research it soon and I'll able to answer with more details.
December 11, 2010 at 10:58 am #44164JohnBankParticipantLooking forward to your reply! ^_^
December 17, 2010 at 3:00 pm #44223SupportKeymasterHello
I plan to add a possibility of including of custom font to skins, but this feature can't be implemented now.
This feature will be added later, in some of beta versions.
July 14, 2012 at 9:21 am #48609coxParticipantMetro UI is ugly in my opinion, do you really like it?
Better draw something like Photoshop or new firewalls 😉
July 19, 2012 at 6:45 am #48626SupportKeymasterMetroUI have own fans 🙂
A sreenshot of new skin, which will be released soon, is attached.
-
AuthorPosts
- You must be logged in to reply to this topic.