I have a project build on AIR SDK 14 and when I try to upgrade my SDK to 22 and build the same project with same Font Style and Font Size, the resultant build with SDK 22 is very different from project build in SDK 14.
The fonts size and style got differ (font size got smaller).
I have used font size 12 in my previous build but it looks good in that build but when I build the same project with the same 12 font size in the SDK 22 the font size appears to be 9 or 10 and also the font style is being treated differently from SDK 22.
So what I should do to get the same result with SDK 22?
Except that there are some labels are also missing from my HAccordion I tried every possible way but its not showing it, but its showing labels on VAccordion, but the tabs are viewing horizontal rather than vertical and I want tabs to be vertical.
PS: I also tried to increase font size and change font style but unable to get the same result, please suggest for both the issue.
Related
I use wicked pdf for generating pdf in my ruby on rails project. I set CSS in the part in show.pdf.erb.
I use the same font-size px for p or same width or height px, however, in Ubuntu system it's much bigger than in the Mac system. I set the same page_size: 'Letter', may I know how to solve this? Is that because of the resolution or retina of Mac? Even if I use em or % for the font size or width, it still looks very different in Mac and Ubuntu. I want to make a business card size div with some content inside no matter people use Mac to open and print the pdf or Ubuntu.
Wickedpdf on different platforms renders differently because of:
system fonts are different (this can be somewhat fixed by using custom web fonts)
systems have different DPI settings (this affects sizing the most, but can be tuned)
different font renderers and smoothing
For exact sizes it's better to use corresponding markup - with cm or in units.
Also for more control over resulting pdf - you may want to eliminate intermediate html render and use direct pdf rendering with something like prawn pdf
What icon sizes should I use for the app bar/command bar?
I couldn't find something in Guidelines for tile and icon assets or in UWP App Visual Assets.
Other names: navigation bar (iOS), app bar/action bar (Android), toolbar (Xamarin.Forms)
Image size
The default icon size should be 20 pixels for app bar image at 100% scaling, but you should also provide additional image assets to ensure it looks great on all screens:
appbaricon.scale-100.png - 20 px
appbaricon.scale-125.png - 25 px
appbaricon.scale-150.png - 30 px
appbaricon.scale-200.png - 40 px
appbaricon.scale-400.png - 80 px
Source
I have created a simple XAML page with the CommandBar control and an AppBarButton with a sample image:
<CommandBar>
<AppBarButton>
<AppBarButton.Icon>
<BitmapIcon UriSource="/Assets/Sample.png" />
</AppBarButton.Icon>
</AppBarButton>
</CommandBar>
I have run the app with debugger attached, found the BitmapIcon in the Live Visual Tree in Visual Studio and opened its Live Property Explorer:
As you can see, the height and width of the image is set to 20 device independent pixels. For different display scaling it is the same, but rendered with the appropriate multiple on the screen.
I have also confirmed that this size exactly matches the Segoe UI Symbol font-based icons that are built-in into the AppBarButton control.
I recommend making the icon image without any margin so that its size matches the default image as well as possible
Note: This question is only about AppBarButton icons.
In writing a UWP app that runs on all form factors, I'd like to include all necessary variations of AppBarButton icons.
From what I've read so far, it seems that I need 24x24 icons in each of the five scale factors, 100%, 125%, 150%, 200%, and 400%. In other words, 24x24, 30x30, 36x36, 48x48, 96x96.
Is this correct?
Also, how should these be named so that the system correctly picks the right variant given the base name?
Edit: I've read elsewhere that only one size is needed, and that Windows UWP renders the icon in device-independent units (i.e. scales it appropriately.)
By comparison, iOS allows multiple images to be included with the #2x and #3x suffixes, and Android allows images to be placed in special subdirectories, e.g dir-hdpi, dir-mdpi, where dir is the base directory name. So it seems that UWP does not have such a system, and only a single icon is necessary. Is this revised understanding correct?
You are right: UWP apps render the size of the icon depending on the device. But you can use the icons using Segoe MDL2 in your appbar buttons. There are many icons prepared to be scaled automatically. I use this technique in all my UWP apps without problems.
https://msdn.microsoft.com/en-us/library/windows/apps/jj841126.aspx
If you are using a png image for your icon, I recommend you to set the size of this image to 48x48 pixels, which is the default size for appbar image icons. The UWP system will then automatically scale your icons without rendering problems.
My application is set up to use the flex framework_3.3.0.4852.swf as an rsl, which works fine reporting no errors. However, now some of the charts have lost there legend text for both vertical and horizontal axis.
When analysing the styles/properties, the UITextField used for axis text has a text width of zero! The data is set correctly, and all parent components are set to a size that shouldn't influence the text width.
Initially I thought I had a style bleed problem, but then I discovered that if I built the application with all libraries (including the framework) merged in, the problem goes away.
I have also done some tests using inline styles to override any style bleeds that might have been coming through, this had no effect.
Has anyone seen this type of thing before relating to using rsl's?
UPDATE:
I have since found some known bugs in the adobe support knowledge base https://bugs.adobe.com/jira/secure/IssueNavigator.jspa?
Here are the 2 bugs that relate to my question:
1) https://bugs.adobe.com/jira/browse/FLEXDMV-1883
This is reported as fixed, however the next bug seems to disagree, I'm going to investigate further into this and update this question again.
2) https://bugs.adobe.com/jira/browse/FLEXDMV-2065
UPDATE:
Ok I removed the embedded font being used for charts from my stylesheets, from both module and application. The UITextField text has now appeared again. So clearly an embedded font issue.
So in summary, if you have a modular application, you need to embed fonts in both module and application for them to be picked up correctly. But if you use the framework swf as an rsl, you cant use an embedded font with chart axis text.
UPDATE:
Now I have a real problem, 2 of my charts use a rotation effect. When the effect plays and finishes, the axis text disappears because I need to use an embedded font when applying effects to text in this way. But of course I cant use an embedded font for chart styles when I have the framework swf as an rsl!! Not sure how to get around this one?
After some attempts to override the way Axis labels are rendered for chart components when using SDK 3.x, and not getting very far. I have decided that the short term resolution is unfortunately to roll back our builds, not using the framework swf as an RSL until we can upgrade to version 4.x of the SDK.
The main reasons for this are:
1) If the framework swf is an RSL in your project, you cant use an embedded font for chart axis labels, as they don't show up. If you analyse their properties, you'll find all data is correct except text width will be set to zero.
https://bugs.adobe.com/jira/browse/FLEXDMV-1883 - modular app related similar bug
https://bugs.adobe.com/jira/browse/FLEXDMV-2015 - RSL related
https://bugs.adobe.com/jira/browse/FLEXDMV-2065 - RSL related
2) If embedded fonts are removed from charting component Axis styles to fix the above issue, you then cant apply effects to the same components. This is because you need to use an embedded font to apply effects correctly to the Axis labels.
The only way to fix this issue is to upgrade SDK to 4.x as the chart Axis uses Label instead of UITextField.
I have a QT application where font family and size is set in QML
On windows and linux it works fine. However, on OS X text appears too small. This is something that someone else wrote. It uses Segoe UI font. As I understand in QT 4.7 I can assign fallback fonts with a coma. However the defined point sizes still seem to be too small.
Is there something I can do to fix this issue without changing the way how this looks on other platforms?
If you use font.pointSize to set the size of the font then the resulting pixel size depends on the device or more generally, the dpi of the screen (as far as the system is aware of it).
This means that if you really meant the font to have the same pixel size, whatever the dpi of the screen, then you should be using font.pixelSize to set the size of your fonts instead.