Hi I have developed a VS2010 application in Windows 7. I am also using InstallShield Premier to create an Setup.exe/MSI as usual.
The problem is that my splash screen is being cropped on the right hand side when I install on to a laptop which has a screen resolution of 1366 x 768.
(On a desktop of 1900 x 1080 it is fine, both the forms are visible).
My main form is of size 1330 x 848 and appears ok albeit snug.
The Splash screen form is only of size 562 x 398 so this should in theory fit well easy but this form is being cropped by say 25% on the right. So only 75% of the Splash screen is visible missing out the "Skip" button on the right.
This form does have a progress bar using a timer and a centre logo, can't think why this would have any bearing.
I am aware if the Form Autuosize attribute, Autuosize to True and have tried looking in the Installshield parameters to no avail.
I have recently added a background (and stretch to fill) to both Forms which may have some bearing on the matter but doubt it.
Any help would be greatly appreciated,
Thanks in advance.
have you set your splash screen form startposition to centerscreen in properties window? maybe you mess with it and it now starts at the right side.
since you created it in a higher resolution display and run it in a lower resolution will likely cropped. use the autosize from the properties window.
Related
I'm trying to emulate Xcode's toolbar controls to show/hide the Navigator and Inspector:
...but without the bottom pane (only left and right: two segments)
I screen-captured the icons from Xcode's UI and traced them in an image editing application. The resources for the left pane are:
#1x:
(20x20 #72 dpi)
#2x:
(40x40 #72 dpi, although using 20x20 #144 dpi seems to make no difference)
The right-pane counterparts are identical, but flipped horizontally.
All rhe resources are stored in the asset catalogue, as follows:
I dropped a segmented control on the toolbar, to create a toolbar item with a segmented control inside it, and set the image attribute for each segment (0 and 1).
Image Scaling for both segments is set to "Proportionally Down". The segment control has segment width "Fixed" checked, with a width of 48 for both segments. The toolbar item has Minimum Size of (83 x 25) and Maximum Size of (100 x 28).
The icons display correctly on the storyboard (Interface Builder).
However, when I run the app, I can not get the icon images to display appropriately.
If I launch my app on a retina monitor, no icon is displayed on either segment.
If I move the window to the external, non-retina monitor, both icons are displayed.
If I remove the one of the two image sets from thew catalogue and run the app, the other icon is correctly displayed! (on either monitor)
If I further set the same, remaining image for both segments, they display correctly!
If I leave both image sets in the project, but reset the Image field in one of the segments to empty, the other icon isn't displayed eihter!
What on Earth is going on??
I have put a sample project on GitHub that reproduces the issue.
Edit: Just to make sure, I extracted the resources from the compiled app binary using the cartool command line utility (as explained in this answer), and all 4 images are there at the right sizes...
Solution: As suggested by Ivan's answer below, I switched to using vector graphics (PDF) for the icons. I downloaded the trial version of Acorn and recreated my icons at 1x size, then exported as PDF.
To avoid blurring at the scaled up size of #2x at runtime, I had to make sure all coordinates in the editor were integers, and also check the box for "Snap to pixels" in the Vector Shapes inspector for each shape layer:
(Happy Ending)
$ git commit -m "Fix toolbar icons for good (PDF)"
According to my experience, using of bitmaps in toolbar is troublesome. You can try to target exactly recommended resolutions to possibly avoid some problems: https://developer.apple.com/macos/human-interface-guidelines/icons-and-images/custom-icons/
However, the cleanest way would be to use vector (pdf) icons, as they simply work as intended.
I would like to change the screen size of the ARC-Welder chrome-extention to a 7inch screen - displayed on my pc - to test an app on different screen sizes.
Can this be done using for example the meta-data input?
Similar to a question that I asked recently but I think shares the same answer. It seems that there are few choices when it comes to form factor, and based on the answer to my question I think that you can only use the three form factor presets for now.
(from #Elijah Taylor)
The size of the window is not configurable per activity*, but the orientation is. The two options in ARC Welder that control the window are:
Orientation: This is either landscape or portrait, which will be the default orientation for your app. However, if you set a screenOrientation on your Android activity, this can override the orientation per activity, with the window rotating to compensate. There is a performance cost to rotating this way because the plugin will be rotated via CSS.
Form Factor: This is one of phone, tablet, or maximized. This controls the overall size of your app globally.
but for Chrome 42 and up you can use the metadata {"resize": "reconfigure"} to allow arbitrary user resizing. Your app must be able to relayout with a variety of aspect ratios and resolutions in this mode.
My question at:Android ARC app for chrome, set size of windows for different Activities/Layouts
You can Use this MetaData :
{
"resize":"reconfigure"
}
just thought i'd mention that there is also "formFactor": "fullscreen" if want to test full screen it also works with "resize":"reconfigure"
I created an extension for Firefox and made a simple icon for it.
But when I tested it in the Addon manager the icon appeared blurry despite my source image was fine.
I started to experiment with different sizes and shapes of the icon.
Figured out that the icon container is 48x48 pixels and the default addon icon is 32x32.
But for any experiments the result was the same.
So I created a simple rectangle icon drawing it by pixels so it shouldn't blur anyway:
But the result blurred again:
There is some sub-pixels around the rectangle though the border should be crisp...
In pixels view:
Also I found the default extension icon (a puzzle piece) and in pixels it looks perfect but in the manager the borders are blurred a little though it's not obvious at first glance.
Are you sure this is not happening when you save the image? I don't know what app you are using, but many photo apps try to compress jpm images when you save them by default. Check this first.
Usually this does not happen with png images, so you could try using a png image instead as well.
It was silly enough... The broblem was the page scale not 100% on the Addons page. Pressed Ctrl+0 and all restored.
It happens sometimes on other web pages when I zoom in/out the view and images lose their sharpness.
Is it possible to snap a metro-style app to exactly half the screen size in Windows 8 Release Preview?
On a desktop/laptop where screen size is 1920x1080 or 2560x1440, can metro apps be resized/snapped next to "desktop-app" exactly half the screen size, via registry or any other hack... as it can come extremely handy while watching TV/video.
Many thanks in advance.
No, It is limited to 320px regardless of overall screen resolution.
No. All the views (snapped, filled, full) are fixed.
Response to related (not same) question in MSDN forum about tweaking the screen resolution.
The snap size is fixed, i.e is 320 pixels wide.
However the Fill view is not fixed. Fill view is basically the FullScreenLandscape - 320 pixels(Snap view) - 20 pixels(Seperator)
No, the size is fixed.
You have to ensure that your app continue to work in both snapped and filled view.
#LZH
what do you mean by the size is fixed?
obviously it's not fixed. I can support different resolutions.
So while I change resolution size of my screen the snap view size is fixed(i.e 320 pixels).
Remaining is the fill view.. So obviously fill view size is not fixed.
have a look at this link.
http://msdn.microsoft.com/en-us/library/windows/apps/hh465371.aspx
Please read the note.
It says fill view is 1024 relative pixels wide or greater..
http://msdn.microsoft.com/en-us/library/windows/apps/hh780612.aspx
This link give you all the screen sizes for which Snap and Fill View exists!
AFAIK Mac OSX has unified screen space. So it's unclear to me what happens when you have multiple displays with different backing scale factor. Will retina display go into low-res mode (so -[NSScreen backingScaleFactor] returns the lowest value among all attached displays)? If no, how an app will be rendered if it's placed so part of it appears on display with retina and another part appears on display without retina?
I'm working with some HiDPI issues at the moment, and I have my not retina MBP and thunder display with turned on HiDPI mode on it.
On connected display, it has 2.0 backing scale factor, and when I drag the window to MBP display (which has usual DPI), next is happening:
When the major part of window is on HiDPI, it renders all the window with backing scale factor 2.0.
When the major part moves to non HiDPI display, it rerenders all graphics with backing scale factor equal 1.0, and shows new rendered window on both displays.
Hope it will help you)
EDIT: screenshots added.
Screenshots near the displays border (Usual on the Left, Retina on the Right):
backingScalefactor 1.0:
https://dl.dropbox.com/u/51547223/Backing1.0.png
backingScalefactor 2.0:
https://dl.dropbox.com/u/51547223/Backing2.0.png