1 / 9

Creating a Button in Android: Understanding dp and sp Units for UI Design

In this demo, we will integrate a button labeled "Calculate" into our Android application using the `activity_main.xml` file. The button is defined with attributes for size, position, and text size, ensuring a user-friendly interface. Additionally, we will explore the differences between density-independent pixels (dp) and scale-independent pixels (sp). Understanding these units is crucial for responsive design that adapts to different screen densities and user font preferences, enhancing overall usability in our app.

cora
Télécharger la présentation

Creating a Button in Android: Understanding dp and sp Units for UI Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Demo 02 StartUpScreen Display

  2. We would like to include a button in our demo app to "do something". In the activity_main.xml we define a "Calc" button using code similar to... <Button android:id="@+id/bCalc" android:layout_width="100dp" android:layout_height="wrap_content" android:layout_below="@+id/textView7" android:layout_marginTop="20dp" android:layout_centerHorizontal="true" android:textSize="20sp" android:text="@string/Calc_label"/>

  3. <Button android:id="@+id/bCalc" android:layout_width="100dp" android:layout_height="wrap_content" android:layout_below="@+id/textView7" android:layout_marginTop="20dp" android:layout_centerHorizontal="true" android:textSize="20sp" android:text="@string/Calc_label"/>

  4. Difference Between Density Pixels (dp) & Scale Pixels (sp) dp - Density-independent Pixels - an abstract unit that is based on the physical density of the screen. These units are relative to a 160 dpi screen, so one dp is one pixel on a 160 dpi screen. The ratio of dp-to-pixel will change with the screen density, but not necessarily in direct proportion. Note: The compiler accepts both "dip" and "dp", though "dp" is more consistent with "sp". sp - Scale-independent Pixels - this is like the dp unit, but it is also scaled by the user's font size preference. It is recommend you use this unit when specifying font sizes, so they will be adjusted for both the screen density and user's preference.

More Related