On Android tablets, it looks like 2 different screens are being used for a Master/Detail-esque scenario in Jetpack Compose. Does anyone know what containers should be used for each screen? Considering that different screens would be used to replace the Detail pane/screen depending on the menu option chosen.
Related
How can I achieve two pane layout for Tablet Landscape orientation using Jetpack Compose?
Use Jetmagic. It was designed to create responsive apps using composable's in a way that is similar to how xml layouts are used under the older view system. Jetmagic handles all the device configuration changes that the older view system used such as orientation changes, screen size, screen density, language, etc. The demo app demonstrates orientation changes and shows two panes side-by-side where the left pane is a list and the right pane is the details. It's open source:
https://github.com/JohannBlake/Jetmagic
I found below statements as an advantage of using fragments-
Fragments are used to efficiently use the space in wider screen size.
Fragments are used as means of solving compatibility issues when
targetting an android application for different screen
sizes,especially for both tablets and mobiles.
Does this mean an activity doesn't efficiently use the space in wider screen size and it does not adjust well to different screen size?Why is fragment better than activity in terms of using screen space on different screen sizes?
The basic idea is, that by using Fragments, you can reuse that Fragment in different layouts, for example to put more information on a larger screen.
Most basic example would be a list where a click on an item brings you to a detail screen.
On Phones you might have seperate screens for both fragments, while on a tablet you might as well show them side-by-side.
List Fragment:
Detail Fragment:
Tablet Screen with both Fragments next to eachother:
[Screenshots are taken from a project I made for my Udactity Android Developer Nanodegree]
I read something about supporting multiple screen sizes in Android.
For that most of the answers recommended to create different layouts
(layout-normal, layout-small, and so on). But that would mean that
I have to define all my layouts multiple times. I don't think that
this is a smart solution.
Is there no way to create just one layout and to automatically scale
it for any display size?
There are several parameters in layouts in android that adapt themselves to the size of the screen (fill_parent, center...), however I have not seen in android's layout parameters for everything... for example 1/3 of width.
Finally what I am doing is the following:
One layout per architecture of the interface. For example, in tablets I change the architecture, integrating sometimes 2 layouts in one.
Include, programmatically, changes of sizes. For example, an button I want to be 1/3 of the screen I need to programmatically obtain the width of the screen and change the button size.
Always include several sizes of icons that android automatically selects depending on resolution.
But there is a significant part of the job that needs to be done "by hand".
I am designing several screens (activities) for an app - each of which have a some non-common units (like picture, textbox, etc) and repeating units of a common layout X (X consists of a textbox, icons for favourite and comment number, with number of comments, a picture of the contributor).
In HTML/CSS there is an easy way to do this modular design by having a div tag for the unit X. How do you do such an aggregation of different units in android so that I can change the style at one single place. As of now, I am laying out each screen, and the sub-units of each unit in those screens separately
Thanks much
I am new to android and i am trying to create a single layout for different screen size.Is it possible or am i want to create different layout for different screens
Of course you can only provide the layout in res/layout, but it might look ugly on other screen sizes, even though (or because) Android tries to scale it.
It is not possible to define layouts for different reolutions in a single file. It's just possible to design the layout to be dynamic so Android can adjust it to the given resolution as good as possible.