When you create a web page, you may want it to be displayed adaptable both on mobile devices and desktop PC. This goal can be achieved with CSS3 extension properties. This example will just tell you how to implement that goal with a user account registration Html form.
When you create an Html web page, of course, you want it to be viewable and user-friendly on all screen-sized devices include the mobile device, PC, and tablets. But before the viewport meta tag is introduced in Html, the mobile devices can not display the web page as well as desktop. This article will introduce …
Responsive Mobile Ready WebPage Using ViewPort Meta Tag Example Read More »
Android AbsoluteLayout is used to layout UI components with absolute x, y-axis coordinate values. For example, if you put a button widget in AbsoluteLayout, you can set the button’s layout_x, and layout_y property value to place the button in a specific location. This example will show you how to use it.
android.widget.GridLayout is a layout manager used to arrange child views in a grid. You can specify how many columns and rows the grid have with it’s rowCount or columnCount property. You can change the GridLayout object size by specifying it’s layout_margin property. You can even use it’s child view’s layout_rowSpan or layout_columnSpan property to merge …
SwipeRefreshLayout is used to implement drop-down refresh effect in android. It commonly used with ListView, RecyclerView or ScrollView etc. The view object should be scrollable and should be the only child component under it. When you pull down the screen to a certain height from screen top, it will show the refresh indicator. If the …
android.support.design.widget.AppBarLayout is used to wrap android.support.v7.widget.Toolbar component. It can make the Toolbar avoid being overlapped by ListView or RecyclerView controls in the screen.
android.support.v4.widget.DrawerLayout is a android layout which follow material design pattern. It is used to implement slide in / out menu animation in android application. This article will show you an example about how to use it.
FlexboxLayout is a google open source project. It’s aimed to implement a CSS3 Flexbox style sheet which is used to define a scalable box model layout.
LinearLayout has layout_weight property that can be used to specify the width percentage that a component can occupy. But FrameLayout and RelativeLayout do not support such properties.
Previous article Android LinearLayout Example has introduced how to use LinearLayout to layout and align components in android app. This article will show you an example about how to implement on touch listener and on click listener to the LinearLayout object.
