How to create standard Borderless buttons (like in the design guideline mentioned)?

by

To clear some confusion:

This is done in 2 steps: Setting the button background attribute to android:attr/selectableItemBackground creates you a button with feedback but no background.

android:background="?android:attr/selectableItemBackground"

The line to divide the borderless button from the rest of you layout is done by a view with the background android:attr/dividerVertical

android:background="?android:attr/dividerVertical"

For a better understanding here is a layout for a OK / Cancel borderless button combination at the bottom of your screen (like in the right picture above).

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_alignParentBottom="true">
        <View
            android:layout_width="match_parent"
            android:layout_height="1dip"
            android:layout_marginLeft="4dip"
            android:layout_marginRight="4dip"
            android:background="?android:attr/dividerVertical"
            android:layout_alignParentTop="true"/>
        <View
            android:id="@+id/ViewColorPickerHelper"
            android:layout_width="1dip"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="4dip"
            android:layout_marginTop="4dip"
            android:background="?android:attr/dividerVertical" 
            android:layout_centerHorizontal="true"/>
        <Button
            android:id="@+id/BtnColorPickerCancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_toLeftOf="@id/ViewColorPickerHelper"
            android:background="?android:attr/selectableItemBackground"
            android:text="@android:string/cancel" 
            android:layout_alignParentBottom="true"/>
        <Button
            android:id="@+id/BtnColorPickerOk"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true"
            android:background="?android:attr/selectableItemBackground"
            android:text="@android:string/ok" 
            android:layout_alignParentBottom="true" 
            android:layout_toRightOf="@id/ViewColorPickerHelper"/>
    </RelativeLayout>

More Related Contents:

  1. Round button in Android
  2. Button a button unclickabale in Android
  3. Android: How do I prevent the soft keyboard from pushing my view up?
  4. Override home and back button is case a boolean is true
  5. How to make an app’s background image repeat
  6. What is “android.R.layout.simple_list_item_1”?
  7. Android: Using findViewById() with a string / in a loop
  8. How do I apply a style to all buttons of an Android application
  9. What’s the difference between fill_parent and wrap_content?
  10. How to set a particular font for a button text in android?
  11. How to make an Android SlidingDrawer slide out from the left?
  12. Add button to a layout programmatically
  13. How do you setLayoutParams() for an ImageView?
  14. How to change line color in EditText
  15. Change the text color of a single ClickableSpan when pressed without affecting other ClickableSpans in the same TextView
  16. How to open Navigation Drawer with no actionbar, open with just a button
  17. Change shape solid color at runtime inside Drawable xml used as background
  18. Button in custom Android Toast?
  19. “Canvas: trying to draw too large bitmap” when Android N Display Size set larger than Small
  20. Android: How to make all elements inside LinearLayout same size?
  21. Android — How to position View off-screen?
  22. If I call getMeasuredWidth() or getWidth() for layout in onResume they return 0
  23. What is the correct way to specify dimensions in DIP from Java code?
  24. Modifying the Android seekbar widget to operate vertically
  25. How to resize a android webview after adding data in it
  26. How to disable Button if EditText is empty ?
  27. Button states with Background as AnimationDrawable in Android
  28. Android layouts for different screen sizes
  29. Text/Layout Alignment in Android (textAlignment, gravity)
  30. Android ImageView size not scaling with source image

Leave a Comment