Scalability for different android tablet sizes

Questions
#1

I have a Home Remote based TouchSquid remote emulation I created some time back and it fits nicely on my 9.7 inch galaxy tablet. I’m looking to share it with others and have found that it doesn’t fit on other tablet sizes, such as an 8.0 inch tablet.

I realize I will need to go back into the designer and make modifications. Rather than creating a version to fit on an 8.0 inch tablet, is there something I could do with my design that would allow it to automatically scale to fit different tablet sizes?

#2

You do not need to edit your HRP to work on other tablet sizes. Those are Designer only settings. They are not referenced at all in the apps when it loads your HRP.

As you create your pages you should really be using the Simulator Height & Width properties to see how your design will look on varying sizes. Use the default HRP the Designer gives as an example. Every file in the Templates folder was Designed to look good on any screen size you throw at it.

Take the time to learn how the HorizontalAlignment / VerticalAlignment properties work & how they allow you to anchor controls to top/bottom/right/left edges of the screen. Grid Rows & Columns can also help you design adaptable pages. This is a skill that you are probably not going to learn overnight. It takes practice:)

#3

Bill, thanks for your quick response.

I’ve taken this as far as I can with the simple example in the attached HRP.

Could you take a look? Everything looks good until I change the simulator resolution to something like 800/400. I’m hoping the frame would size appropriately, but that’s not happening??

Thanks in advance.

HR Scalable Frame.hrp (226.6 KB)

#4

Bill, I got it to work but I don’t understand why.

I simply removed the intervening canvas and attached the grid directly to the contents page. Could you review both this attachment and the previous attachment, then provide some insight into what is going on.

HR Scalable Frame v1.hrp (226.6 KB)