• After 15+ years, we've made a big change: Android Forums is now Early Bird Club. Learn more here.

Apps android UI implementation

Noush01

Lurker
Hello, can anyone tell me how to put the black border with contents inside as shown in the diagram below, Tried several times by adding a border but I'm not getting this desired result. Thanks!

mobile.PNG
 
What is your layout XML for this screen, and what results are you getting. If possible, include a screenshot.
 
I've been using a relative layout and inside it a gridview.. part of my codes is as follows:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.noush01.mauricraft.MainAct">

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="EXIT"
android:id="@+id/bExit"
android:layout_marginTop="10dp"
android:layout_alignParentTop="true"
android:background="#fb2020"
android:minHeight="40dp"
android:minWidth="80dp"
android:textAlignment="center"
android:textColor="#ffffff"
android:textSize="20sp"
android:layout_alignEnd="@+id/gridView" />


<GridView

android:layout_width="fill_parent"
android:layout_height="380dp"
android:columnWidth="90dp"
android:gravity="center"
android:horizontalSpacing="10dp"
android:stretchMode="columnWidth"
android:verticalSpacing="10dp"
android:background="#80aaa7a7"
android:id="@+id/gridView"
android:layout_marginTop="15dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="5dp"
android:layout_below="@+id/bExit" />

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Register As Customer"
android:id="@+id/button"
android:layout_below="@+id/gridView"
android:background="#1579fb"
android:textAlignment="center"
android:textColor="#ffffff"
android:textSize="18sp"
android:minHeight="50dp"
android:nestedScrollingEnabled="false"
android:minWidth="200dp"
android:layout_toStartOf="@+id/bExit" /> .............................................................

Im getting as default values inside the gridview as shown below. I don't know how to have them removed also.

Capture.PNG
 
Back
Top Bottom