Strange Problem with AppleTV icon - icon shrinks when selected on 4K models? - tvos

In a basic AppleTV app.
ON 4K models.
When you roll over the icon, the iml becomes 1/2 size and sits top right, and the rest of the icon area is just gray.
Has anyone seen this behavior?
Same build works perfectly on pre-4K AppleTV models.
Have endlessly checked that all the image assets are correct. This on Xcode 13.4.
The actual parallax nonsense works perfectly - but with the icon sitting in the top quarter only of the icon area!

After hours, here's the solution which is totally undocumented.
The three (or two) 1x images:
Should be 400.240 (in fact, causes no problems if size is wrong)
The three (or two) 2x images:
MUST be strictly 800.480 or will fail catastrophically and silently on 4K models
Depressingly, SOME of the images in the asset folder, include working and correct alerts, for example:
However the actual "App Icon" slots DO NOT HAVE any working alerts.
Bottom line, MUST be exactly 800.480.
The "Top Shelf" images are:
1920.720 and 3840.1440
The "Top Shelf Wide" images are:
2320.720 and 4640.1440

Related

Flutter - Displaying Admob Adverts and Google Maps on the same screen

I have a flutter app utilising firebase_admob and google_maps_flutter.
These two packages do not seem to be able to coexist on the same screen.
My app displays an application wide Advert that sits underneath the Bottom Navigation bar and persists when different screens / widgets are displayed.
When the Google Map tab is selected, the advert disappears leaving blank space. It automatically reappears when you switch from the map tab. Although this is not a major problem it does look a bit dodgey!
I originally used the admob_flutter package but instead of closing the advert when the map screen was selected, the graphics for the entire app became corrupt, replacing images with black squares and rendering strange artefacts everywhere.
I was wondering if anyone had come across this issue and what they did to work around it.
I am currently on the master channel of flutter as this seems to have resolved some other issues I had with maps crashing the app entirely.
Thanks in advance.

How to be sure that IE10/11/Edge do not use the "tile" icon for the address bar/tab icon?

Is there a way to force Internet Explorer and Edge to use a particular favicon for the address bar/tab icon?
In general I'm using a different design (with a wider margin) for "live tile" (or whatever Microsoft calls them)... and for some reason these browsers keep choosing one of those images (defined in browserconfig.xml or one of the Apple icons... not sure) to use in the address bar.
This is not what I want, because the one in the address bar/tab icon needs to have a smaller margin and transparent background.
Is there a safe and consistent method to say "use this icon for the address/tab bar icon", and "use this icon for the tile or whatever?"
EDIT: Another acceptable workaround for this would be if there was a way to specify that the images with a background/margin would ONLY be used for "tile" so that the others would be favicon(s) only? I don't fully understand what logic IE/Edge use to choose which icon to display.
The favicon package generated by RealFaviconGenerator behaves the way you want: In its tabs, Edge picks the classic "desktop" icon, while it uses the tile icons for sites added to home screen. More precisely, Edge is using the classic 32x32 PNG icon as the tab icon.
I advice you to first run the compatibility test with Edge on your machine to make sure it behaves as described above (I didn't have a Surface tablet or something like this to test it).
Full disclosure: I'm the author of RealFaviconGenerator.

Why does big black box appear over my GRUB2 theme when booting?

I have created a GRUB2 theme, which gives me a screen like this:
But when I select one of the items to boot, before it boots, for about 5 seconds, it writes a big black box over the screen, like this:
Where is this black box coming from? It is clearly bigger than the menu box - is there some way I can stop it from appearing?
The files for the alien theme can be found on GitHub here:
https://github.com/edhartnett/alien_theme
Turns out that the big black box cannot easily be turned off.
It is the terminal-box, an area for text messages to appear. The theme and user have no control over it or its appearance.
There is reportedly a patch that can help, located here:
https://build.opensuse.org/package/view_file/openSUSE:12.3:Update/grub2/grub2-enable-theme-for-terminal-window.patch?expand=1
The patch was removed from GRUB2. You can review this bug report for reason why it was removed:
https://bugzilla.opensuse.org/show_bug.cgi?id=776244
I have not tried this patch or tried looking at the GRUB2 source code.
You can create a modified version of your background image and stick it in the terminal box for a seamless image, other than a tiny box outline:
For most users, the box will displays the messages:
Loading Linux %s ..." ${version}
Loading initial ramdisk...
For even more messages in the box (it's kind of neat), edit /etc/default/grub file find the line containing LINUX and remove quiet splash from the parameters. Save the file and run sudo update-grub.
Notes on recorded image
I attempted to use a cellphone with tripod but auto-exposure and auto-focus made it hopeless.
Then I installed VirtualBox 5.1 on Ubuntu 16.04 and used Video Capture. Unfortunately I had to scale grub down from 1920x1080 to 1024x768 for VB to work properly. As such the image is skewed in Virtualbox and you don't see the perfect fit that my normal grub boot has.
Edit your regular background image, cut most of the right side, repaste it shifted left and up. Save it as the modified background image.
In /etc/default/grub add the line GRUB_BACKGROUND= with the modified image location and name.
You might have to modify /etc/grub.d/00_header as per this thread. I did this on my machine.
The sample grub image is missing bootup messages because Virtualbox is intercepting and hiding them.
Full answer in Ask Ubuntu

UIWebView loading/randering error after resize

I have a screen with 2 UIWebView. The user can drag the views left and right to make the right and left view bigger (respectively) and the other one smaller (like UISplitView but customized and self made). I'm loading .html pages from strings and local .css files. After resizing the UIWebView If I load a new page there will be a black or white stripe on the right side of the UIWebView. This stripe is part of the web view (not a space between the views), and if I scroll the webView up and then down, the stripe will vanish and the page will be presented correctly. This issue occurs only in iOS 6 and only on the device (on the simulator it doesn't occur).
Some notes:
- The .css file contains elements with fixed position. Changing to absolute position didn't solve the problem but changed it: the black stripre occured during the drag.
- As slower the drag is, the stripe will be bigger.
- After resize the page is presented correctly, only when I load a new page the stripe is shown.
- The time between resizing the web view and loading a page doesn't matter, it can be straight away or after couple of minutes.
Now, as a workaround I create a new UIWebView and copy the old properties to the new. But than I need to reload the presented page which make a white blink...
Any idea why does it happens, and how to fix it?
sorry by the late feedback, but recently I was experimenting what appears to be the same problem.
I was using an UIWebView to show some text into a grid view. The "layout" of the grid view was different from portrait to landscape, and I was working with percents of the cell to build both (landscape and portrait) grid frames, in my case it makes the web view not to have an integer size.
It makes me thought that it can be some half-pixel issue after the web view resizing.

HTML area shapes and mobile phones: is this a bug and is there a workaround?

My website has a very precise "area shape" definition. It's pixel perfect.
Here's my website
Move your mouse over the departments on the left, you'll see the departements highlight on the right. If you move the mouse over the departments, you'll see that it's a pixel-perfect precision.
My big problem is about "Ile de France", which is the center of the France, almost 1/5 of the population lives here, so what follows is a huge problem to me.
Nota: before trying on your mobile phone (if you do so), just verify that what I'm saying is true: on your PC, go to the main page (link before), zoom in (ctrl + keyboard shortcut) and move your mouse over the department "Ile de France". You'll see that the precision is perfect: move out of the department, move in, you'll see by yourself the precision of the "detection".
On my Sony Ericsson Xperia Arc, the way "area shape" is handled is a huge problem.
Here's what it gives when I try to click on "Ile de France":
Getting closer (to show the problem):
Getting even closer:
And to show which departement is selected:
As you can see from the lastest picture, the map is very enlarged, but it still doesn't want to select "Ile de France", whereas I clearly click on the very middle of the region.
I mean I've been working for 3 days to get a map of France that precise, I wouldn't like to throw away that work and do a coarse work...
Is this a bug? Is this considered a normal behavior? Do "iPhone" mobiles have the same problem? Do you have a workaround?
-Edit-
According to Andrei G, it seems to work on GalaxyS2, but still need to enlarge the map...
-Edit-
I've got exactly the same problem on some Android tablets. I need to make a "mobile" version. This is soo stupid.
I see no problem with your map. The issue is that a human finger is not nearly as accurate as the mouse. If you enlarge your map enough, you'll be able to select the appropriate region.
I used GalaxyS2 to go to your site.
Also, the hover effect is not going to work with a phone, as the people don't drag their fingers on the screen when they want to click your area.
I had a similar problem with a map in a HTML email when viewed on my Android phone. I was using the map tag with both the name and id attributes. When I removed the name attribute and just used the id attribute instead I was able to accurately tap the hotspot on my phone.