I want to make border like attached image

username

I want to make border like attached image in my app. Please help me as well. The original screen is the same as the code below. I am going to make the first screen image. tell me the changes in the xml. How can I make the border like a scary image?

customborder.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="2dp">
        <shape android:shape="rectangle" >
            <stroke
                android:width="2dp"
                android:color="#009bdb" />

            <solid android:color="#00FFFFFF" />

            <padding android:left="0dp"
                android:right="0dp"
                android:top="2dp"
                android:bottom="0dp" />
        </shape>
    </item>
    </layer-list>





<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/customborder"
    android:layout_margin="10dp"
   >

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"

        android:orientation="horizontal"
        android:background="#cbe5f8"
        android:padding="5dip"
        >
    <TextView
        android:id="@+id/textView1"
        android:text="Order Id:"
        android:textColor="@color/textcolor"/>
        <TextView
            android:id="@+id/textView2"
            android:text="Placed Date:"
            android:gravity="right"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:padding="15dip"></TextView>

    </TableRow>
    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"
        android:padding="5dip"
        android:orientation="vertical"
        android:background="@drawable/bdr_top_bottom"
       >
    <TextView
        android:id="@+id/textView3"
        android:text="Address:" />

    </TableRow>

    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"
        android:padding="5dip"
        android:orientation="vertical"
        android:background="@drawable/bdr_top_bottom">
        <TextView
            android:id="@+id/textView4"
            android:text="Placed Order:" />
        <TextView
            android:id="@+id/placedorder"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_weight="1"
            />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"
        android:padding="5dip"
        android:orientation="vertical"
        android:background="@drawable/bdr_top_bottom">
        <TextView
            android:id="@+id/textView5"
            android:text="Service Opted: " />
        <TextView
            android:id="@+id/serviceopted"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_weight="1"
            />
    </TableRow>
    <TableRow
        android:id="@+id/tableRow5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"
        android:padding="5dip"
        android:orientation="vertical"
        android:background="@drawable/bdr_top_bottom">
        <TextView
            android:id="@+id/textView6"
            android:text="Order Status:" />
        <TextView
            android:id="@+id/orderstatus"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_weight="1"
            />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"
        android:padding="5dip"
        android:orientation="vertical"
        android:background="@drawable/bdr_top_bottom">
        <TextView
            android:id="@+id/textView7"
            android:text="Time Slot:" />
        <TextView
            android:id="@+id/timeslot"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_weight="1"
            />
    </TableRow>
    <TableRow
        android:id="@+id/tableRow7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"
        android:padding="5dip"
        android:orientation="vertical"
        android:background="@drawable/bdr_top_bottom">
        <TextView
            android:id="@+id/textView8"
            android:text="Contact Number:" />
        <TextView
            android:id="@+id/contactno"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:text="8556023080"
            android:layout_weight="1"
            />
    </TableRow>
    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_horizontal"
        android:padding="6dp"
        android:weightSum="2">
    <Button
        android:id="@+id/repeat"
        android:layout_height="wrap_content"
        android:layout_width="0dp"
        android:layout_marginTop="20dp"
        android:text="Repeat Order"
        android:layout_marginRight="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginBottom="20dp"
        android:textSize="20dp"
        android:background="#009bdb"
        android:textColor="#FFFFFF"
        android:layout_weight="1"/>
    </LinearLayout>
</TableLayout>

Abishek Patel

add this xml to your drawablefolder

bdr_top.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item
    android:bottom="-2dp"
    android:left="-2dp"
    android:right="-2dp"
    android:top="2dp">
    <shape android:shape="rectangle" >
        <stroke
            android:width="2dp"
            android:color="#009bdb" />

        <solid android:color="#00FFFFFF" />

        <padding android:left="0dp"
            android:right="0dp"
            android:top="0dp"
            android:bottom="0dp" />
    </shape>
</item>

</layer-list>

bdr_top_bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item
    android:bottom="-1dp"
    android:left="-1dp"
    android:right="-1dp"
    android:top="1dp">
    <shape android:shape="rectangle" >
        <stroke
            android:width="1dp"
            android:color="#7e7e7e" />

        <solid android:color="#00FFFFFF" />

        <padding android:left="0dp"
            android:right="0dp"
            android:top="0dp"
            android:bottom="0dp" />
    </shape>
</item>

</layer-list>

bdr_all.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item
    android:bottom="1dp"
    android:left="1dp"
    android:right="1dp"
    android:top="1dp">
    <shape android:shape="rectangle" >
        <stroke
            android:width="1dp"
            android:color="#7e7e7e" />

        <solid android:color="#00FFFFFF" />

        <padding android:left="0dp"
            android:right="0dp"
            android:top="0dp"
            android:bottom="0dp" />
    </shape>
</item>

</layer-list>

replace your xml with

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/llParent"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/bdr_top"
android:layout_marginTop="10dp"
android:orientation="vertical"
android:padding="10dip">

<TableLayout
    android:id="@+id/tableLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp"
    android:layout_marginTop="20dp"
    android:background="@drawable/bdr_all">


    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#7e7e7e"
        android:orientation="horizontal"
        android:padding="10dip">

        <TextView
            android:id="@+id/textView1"
            android:text="Order Id:" />

        <TextView
            android:id="@+id/textView2"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="right"
            android:padding="5dip"
            android:text="Placed Date:"></TextView>

    </TableRow>

    <TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:background="@drawable/bdr_top_bottom"
        android:orientation="vertical"
        android:padding="10dip">

        <TextView
            android:id="@+id/textView3"
            android:text="Address:" />

    </TableRow>

    <TableRow
        android:id="@+id/tableRow3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:background="@drawable/bdr_top_bottom"
        android:orientation="vertical"
        android:padding="10dip">

        <TextView
            android:id="@+id/textView4"
            android:text="Placed Order:" />

        <TextView
            android:id="@+id/placedorder"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_weight="1" />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:background="@drawable/bdr_top_bottom"
        android:orientation="vertical"
        android:padding="10dip">

        <TextView
            android:id="@+id/textView5"
            android:text="Service Opted: " />

        <TextView
            android:id="@+id/serviceopted"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_weight="1" />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:background="@drawable/bdr_top_bottom"
        android:orientation="vertical"
        android:padding="10dip">

        <TextView
            android:id="@+id/textView6"
            android:text="Order Status:" />

        <TextView
            android:id="@+id/orderstatus"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_weight="1" />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"

        android:background="@drawable/bdr_top_bottom"
        android:orientation="vertical"
        android:padding="10dip">

        <TextView
            android:id="@+id/textView7"
            android:text="Time Slot:" />

        <TextView
            android:id="@+id/timeslot"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_weight="1" />
    </TableRow>

    <TableRow
        android:id="@+id/tableRow7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/bdr_top_bottom"
        android:orientation="vertical"
        android:padding="10dip">

        <TextView
            android:id="@+id/textView8"
            android:text="Contact Number:" />

        <TextView
            android:id="@+id/contactno"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dip"
            android:layout_marginRight="20dip"
            android:layout_weight="1"
            android:text="8556023080" />
    </TableRow>


</TableLayout>

<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="horizontal"
    android:padding="6dp"
    android:weightSum="2">

    <Button
        android:id="@+id/repeat"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="20dp"
        android:layout_weight="1"
        android:background="#009bdb"
        android:text="Repeat Order"
        android:textColor="#FFFFFF"
        android:textSize="20dp" />
</LinearLayout>

I want to make an image white on keypress in pygame

Own Shees: I am trying to create a Tic tac toe game in pygame. I want to display an image on the screen when a key is pressed. Pressing the escape key quits the game, but when I press key 1 the image goes black, nothing happens. this is the code import pygame

Like the attached image, how to make a grid in Threejs?

Rameez Raja I want to create an interface like the attached image. But I can't get started. Any help would be greatly appreciated. http://i.stack.imgur.com/DsXbx.png cucumber For the basic grid ( GridHelper ) is your friend.

Like the attached image, how to make a grid in Threejs?

How to make a border like this

Rafulin I need to do a border like html and css . I tried to do it with show table but hide visibility but none of it worked! <div id="border"> <div id="visible"> <p id="yellow">Просто выберите, что Вам нужно</p> </div> </div> #yellow { color: #dbff1

I want to make a custom rating bar, but instead of showing the same image for each rating icon, I want to display numbers like 1, 2, 3, 4, 5

stern wiswakama I want to make a custom rating bar, but instead of showing the same image for each rate icon, I want to show numbers like 1, 2, 3, 4, 5. I went through this and this . So I was able to create a custom rating bar using the same image. But I want

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

Ravi Agrawal How can I achieve this? I tried customizing the ExpansionTile but couldn't get a similar effect on expanding and collapsing. Mainly the size of the prefix icon is larger so the expandable text is not close to the date. Also, the suffix icon for ex

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

I want to show marker on google map like attached image

Rakesh Kushwaha I want to show my current location marker icon like the attached image. Mohammad Rostami Use it to add your custom markers to the map mGoogleMap.addMarker(new MarkerOptions() .position(LATLONG) .icon(BitmapDescriptorFactory.fromB

Like the attached image, how to make a grid in Threejs?

How to make a border like this

Like the attached image, how to make a grid in Threejs?

Rameez Raja I want to create an interface like the attached image. But I can't get started. Any help would be greatly appreciated. http://i.stack.imgur.com/DsXbx.png Huyagir For the basic grid ( GridHelper ) is your friend.

Like the attached image, how to make a grid in Threejs?

I want my form layout to look exactly like the example (image attached)

lcarolus20 I want my form layout to look like this: Here is what I currently have: label { display: inline-block; border: 1px solid red; } input { display: inline-block; width: 28%; margin-top: 1.5em; margin-left: 2em; border:

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

How can I create a color combination like an attached image?

Knicks 290192 I want to create background in Xcode like attached image. Any suggestions? swift boy The best way is to always use Image as background let navBackgroundImage:UIImage! = UIImage(named: "your_background_image_name_here") If you just want to set th

I want to make border like attached image

username I want to make border like attached image in my app. Please help me as well. The original screen is the same as the code below. I am going to make the first screen image. tell me the changes in the xml. How can I make the border like a scary image? cu

I want to create an image like the left, but display a view like the right?

Mark Hardy The problem is that all CSS needs only one div because the theme doesn't allow me to create a "parent-child div" in wordpress my code is like .bg{ background-repeat: no-repeat; background-image: url(http://godiaperfree.codelessme.net/wp-content/uplo

I want to move this border to the left like in the picture

Khalid Talat I want to move this border to the left as shown in the image below: My code is like this: div{ border left: red 5px solid } Ath.Bar。 I understand what you want. So first, you need a div class so it doesn't affect every div. You also need anot

I want to make an image white on keypress in pygame

I want to create listeview like below image

Yasser Malek I want a listview like an image so I can get an image which is the whole item and has a button on it Saini The image you want to display in the list view, i.e. the items in the list view are nothing but layout. You can design the layout of images

I want to make border like attached image

Related

I want to make an image white on keypress in pygame

Like the attached image, how to make a grid in Threejs?

Like the attached image, how to make a grid in Threejs?

How to make a border like this

I want to make a custom rating bar, but instead of showing the same image for each rating icon, I want to display numbers like 1, 2, 3, 4, 5

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

I want to show marker on google map like attached image

Like the attached image, how to make a grid in Threejs?

How to make a border like this

How to make a border like this

Like the attached image, how to make a grid in Threejs?

Like the attached image, how to make a grid in Threejs?

I want my form layout to look exactly like the example (image attached)

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

How can I create a color combination like an attached image?

I want to make border like attached image

I want to create an image like the left, but display a view like the right?

I want to move this border to the left like in the picture

I want to make an image white on keypress in pygame

I want to create listeview like below image

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

Like the attached image, how to make a grid in Threejs?

Like the attached image, how to make a grid in Threejs?

How to make a border like this

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

I want to make expandable listview like below in attached image. How to implement this kind of functionality in Flutter?

I want to create an image like the left, but display a view like the right?

Ranking