What should be the image size for a bitmap image? - Zooper Widget General

I'm creating a series of images for a Zooper widget and I'm wondering what the image size should be so that when I'm inserting them into Zooper, I don't need scale them. I took the screen resolution of my galaxy S4, 1080 × 1920 and dividing by the number of columns and rows on my home screen (4 × 7) which gave me 270 × 274 (I forgot the notification bar. What is the height of the notification bar?). I resized my bitmap to those dimensions with 72dpi. When I brought the image in, I still needed to scale down to 62%.
Is scaling something you always need to do when bringing in images or is there a specific size/resolution that images should be created at?
Thanks

Related

[Q] Theme-aware icons

Hi guys.
Does anyone know how to create theme-aware png icons for applications? Like Microsoft built-in apps icons - the icon background color same as theme accent color...
I've tried a few things like an adding alpha-layer to png but have no success. Please post the instructions and example.
Thanks!
I found an answer to my question: it's not possible and not allowed by Microsoft :-(
Here are list of all possible templates, we can use only TemplateType5 (for file WMAppManifest.xml)
TemplateType1 - no image visible, accent colour tile, caption text, no count
This seems to be a default style for the internal apps, it uses the title attribute as well as an IconImageURI for a transparent png image on top of the accent colour tile
This template is also used for Emails and Text Messages, the large number is in the attribute Number
TemplateType2 - image is shown, grey tile colour, caption text, no count
This is used for the Microsoft Office live tile, and contains an IconImageURI and a BackgroundImageURI. It can contain a Title attribute also, but a count does not appear. It does not seem to animate at all
TemplateType3 - image is shown, grey tile colour, caption text, count in accent colour circle
This is the Games or Xbox Live Tile design. It has a BackgroundImageURI for the backing, the Title for the text bottom left, An ImageURI for the xbox live logo, and an AvatarImageURI for the image of the avatar that animates and interacts with the logo
TemplateType4 - no image visible, double width, accent colour tile, no caption, no count
This is the Calendar template. The only property I can find for it is AppointmentTitle. This is where the text "Calendar" is displayed
TemplateType5 - default and only one allowed to be used!
This is the only template you are allowed to use for the moment. It has a grey tile, with a BackgroundImageURI, a Title attribute, and a Count attribute for the small number in the top right, on a circle in the accent colour
TemplateType6 - default but double width, not allowed like the others at the moment
This is the template for the Pictures Tile design. It uses a BackgroundImageURI and the Title attribute.
TemplateType7 - image visible, grey tile colour, caption visible, no count shown
This is the Zune Style Tile. It has an ImageURI for an icon in the top left, and BackgroundImageURI for animated backgrounds. The animation style is random when you leave and return to the Start Screen
TemplateType8 - image visible, grey tile colour, extra large caption text at top, no count shown
I think this is a template for when you pin a contact to your home screen, I am not sure what attributes to add in order for it to animate
TemplateType9 - image visible, grey tile colour, caption visible, no count shown
Not sure what is special about this template, it can use a backing colour, and title, but can't find anything else it can do
TemplateType10 - People Tile design and animation (not sure how you populate images)
This is the Contacts Tile design, you have the title but also Photo01ImageURI upto 09 I guess, but it may support more and choose randomly from that list of Photo Image URIs
TemplateType11 - no image, accent tile colour, large caption like single contact tile, no count
This also looks like a Contact pinned to the Start Screen Tile, except it uses an accent colour, and does not support backgrounds or icons. The large caption text appears at the bottom
It is possible, just add an alpha layer in the .png and it will render bg in accent color (note: there's a bug that prevent the accent color to show in the app list, but it works perfectly if you add it to the "start page")
Edit: scrap that just realised you were talking about application tile icons. For the small tile, no it cannot be done, but if they pin your icon to the start page it'll take on the accent colour if it's background is transparent.
create two images, 1 dark and 1 light. Then using a Bool like
public static bool IsLightTheme
{
var v = Application.Current.Resources["PhoneLightThemeVisibility"]
If (v == Visibility.visible)
return true;
Else
return false;
}
You can then switch images depending on the theme selected.

270dpi LCD Density for Defy

I have searched and not found any similar threads.
The Defy screen is very nice in terms of pixel density - 269dpi, with a full RGB matrix.
This value is obviously a bit higher than the default LCD density set in the build.prop file which is the regular 240dpi setting for HDPI devices.
Has anyone else set theirs to 270?
I set mine to 270 this morning, and absolutely loving the change - bits of text that before seemed just a little bit small are now great - superbly legible. Labels (set to large) in Maps are now much better, Status bar and notification area items are great.
The only issues I've had so far have been with widgets. Does anyone know a way around this?

[Q] What are the dimensions for wallpapers?

I want to make some wallpapers, but I know they will be 720x1*** (not 1280) due to the buttons at the bottom and notification tray at the top. Anyone have the exact dimensions?
its 1280x1440. So 1280 high, and 2x 720 wide.

Trying to workout grid spacing on touchwiz

Hi all,
I'm bored so I'm trying to come up with a new homescreen layout.
I want to design a wallpaper that lines up with the widget spacing on the homescreen but can't for the life of me work out the vertical height in pixels of a 1 row tall widget in touchwiz.
Does anyone know the vertical pixel location where the grid begins (just underneath the notification bar) and the pixel size for 1 row? I should be able to work the rest out from there.
Cheers in advance
Elbee
PS - if I've forgotten to include any pertinent bits of info, just let me know.

Resize 'canvas' ?

I have a widget that was originally a 4x2 (maybe 4x3), but I removed the top layer making it a 4x1 (or maybe a 4x2).
But the preview basically is showing a large empty section on the top half of the preview, and my work on the bottom. Is there a way to crop the 'canvas' size of this existing widget so that I can use it as a 4x1 on my home screen without scaling problems?

Categories

Resources