code to display Horizontal scrollview with left and right arrow(displayed continuesly on both sides of screen,if there r no elements on left side (or) right side of scroll),in Android



<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:id="@+id/mtl"  android:background="@drawable/lightbg"
        android:layout_width="fill_parent" android:layout_height="fill_parent" >
        <RelativeLayout android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:background="#202020">
       
       
        <RadioGroup android:layout_width="fill_parent"
        android:visibility="gone"
            android:layout_height="wrap_content" android:orientation="horizontal"
            android:checkedButton="@+id/clients1_tab" android:id="@+id/states">
           
            <RadioButton android:id="@+id/clients1_tab"
                android:width="64dip" android:height="70dip" />
            <RadioButton android:id="@+id/criminalclients1_tab"
                android:width="64dip" android:height="70dip" />
            <RadioButton android:id="@+id/courts1_tab"
                android:width="64dip" android:height="70dip" />
            <RadioButton android:id="@+id/violations1_tab"
                android:width="64dip" android:height="70dip" />
           
            <RadioButton android:id="@+id/support1_tab"
                android:width="64dip" android:height="70dip" />
            <RadioButton android:id="@+id/settings1_tab"
                android:width="64dip" android:height="70dip" />
           
        </RadioGroup>
</RelativeLayout>
        <TabWidget android:id="@android:id/tabs"
            android:layout_width="fill_parent" android:layout_height="wrap_content"
            android:layout_weight="0"  android:visibility="gone" />
           
       
                   
           
    <RelativeLayout   android:id="@+id/main_layout" android:orientation="horizontal" android:layout_height="60dip"
            android:background="#303030" android:visibility="visible"
android:layout_width="match_parent" android:weightSum="1"  android:gravity="top" >
       
        <!-- <ImageView android:src="@drawable/arrow_left"
        android:layout_height="22dip"
        android:layout_width="6dip"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true" /> -->

    <ImageView android:src="@drawable/arrow_right"
        android:layout_height="22dip"
        android:layout_width="6dip"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true" />    
               
<HorizontalScrollView
          android:id="@+id/horizontalScroll"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none"
        android:fadingEdgeLength="20dp">

<LinearLayout
  android:orientation="horizontal"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:background="@drawable/menubar6" 
  android:gravity="center"
  android:weightSum="1"
  android:paddingLeft="10dip"
  android:paddingRight="10dip">
 
       
                <RelativeLayout  android:layout_height="60dip"
           
android:layout_width="100dip"
android:clickable="true"
android:id="@+id/clientslayout"  android:paddingLeft="5dip" android:paddingRight="5dip">












                <Button
                    android:id="@+id/client_tab"
                    android:layout_width="90dip"
                    android:layout_height="71dip"
                    android:layout_alignParentBottom="true"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:background="@drawable/traffic"
                    android:clickable="true"
                    android:gravity="bottom|center_horizontal"
                    android:paddingBottom="10dip"
                    android:text="Traffic"
                    android:textColor="#707070"
                    android:textColorHighlight="#ffffff"
                    android:textSize="9dip"
                    android:textStyle="bold" />

                <!-- <TextView
                    android:layout_centerHorizontal="true"
                    android:id="@+id/clientTabtextView"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                   android:layout_below="@+id/client_tab"                   
                   android:text="Traffic"
                   android:gravity="bottom|center_vertical"
                   android:textSize="14dip"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070" /> -->

                <!-- <ImageView
                    android:id="@+id/imageView1"
                    android:layout_width="15dip"
                    android:layout_height="6dip"
                    android:layout_centerHorizontal="true"
                    android:layout_below="@+id/clientTabtextView"
                                      android:src="@drawable/arrow" /> -->

                 <!-- <ImageView
                    android:id="@+id/imageView2"
                    android:layout_width="6dip"
                    android:layout_height="22dip"
                    android:layout_alignParentLeft="true"
                    android:layout_centerVertical="true"
                    android:src="@drawable/arrow_left" />  -->

         </RelativeLayout>
                <RelativeLayout  android:layout_height="60dip"
           
android:layout_width="100dip"
android:clickable="true" android:layout_toRightOf="@+id/clientslayout"
  android:id="@+id/criminalclientslayout"  android:paddingLeft="5dip" android:paddingRight="5dip">

                <Button
                    android:id="@+id/criminal_client_tab"
                    android:layout_width="90dip"
                    android:layout_height="71dip"
                    android:layout_alignParentTop="true"
                    android:layout_centerHorizontal="true"
                    android:background="@drawable/criminal"
                    android:gravity="bottom|center_horizontal"
                    android:clickable="true"
                    android:text="Criminals"
                   android:textSize="9dip"
                   android:paddingBottom="10dip"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070"  />

                <!-- <TextView
                    android:layout_centerHorizontal="true"
                    android:id="@+id/criminalclientTabtextView"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                   android:layout_below="@+id/criminal_client_tab"
                    android:layout_alignRight="@+id/button1"
                   android:text="Criminals"
                   android:textSize="14dip"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070" />

                <ImageView
                    android:id="@+id/imageView1"
                    android:layout_width="15dip"
                    android:layout_height="6dip"
                    android:layout_centerHorizontal="true"
                    android:layout_below="@+id/criminalclientTabtextView"
                                      android:src="@drawable/arrow" /> -->

         </RelativeLayout>
               
         <RelativeLayout 
android:clickable="true"
    android:layout_toRightOf="@+id/criminalclientslayout"
 android:layout_height="60dip"

           
android:layout_width="100dip"
  android:id="@+id/courtslayout" android:paddingLeft="5dip" android:paddingRight="5dip">
                <Button
                      android:clickable="true"
                   android:id="@+id/courts_tab"
android:layout_centerHorizontal="true" android:background="@drawable/courts"
android:layout_width="90dip" android:layout_height="71dip"
android:text="Courts"
android:textSize="9dip" android:paddingBottom="10dip" android:gravity="bottom|center_horizontal"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070" 
             />

                <!-- <TextView
                    android:layout_centerHorizontal="true"
                    android:id="@+id/courtsTabtextView"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                   android:layout_below="@+id/courts_tab"
                    android:layout_alignRight="@+id/button1"
                   android:text="Courts"
                   android:textSize="14dip"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070" />
                <ImageView
                    android:id="@+id/imageView1"
                    android:layout_width="15dip"
                    android:layout_height="6dip"
                    android:layout_centerHorizontal="true"
                    android:layout_below="@+id/courtsTabtextView"
                                      android:src="@drawable/arrow" /> -->
         </RelativeLayout>
     
                <RelativeLayout
                    android:clickable="true"
                     android:layout_height="60dip"
            android:layout_toRightOf="@+id/courtslayout"
           
android:layout_width="80dip"
 android:id="@+id/violationlayout"  >



                <Button
                    android:id="@+id/violation_tab"
                    android:layout_width="90dip"
                    android:layout_height="71dip"
                    android:layout_centerHorizontal="true"
                    android:background="@drawable/violations"
                    android:clickable="true"
                    android:text="Violations" android:gravity="bottom|center_horizontal"
                   android:textSize="9dip" android:paddingBottom="10dip"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070" />

                <!-- <TextView
                    android:layout_centerHorizontal="true"
                    android:id="@+id/violationTabtextView"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                   android:layout_below="@+id/violation_tab"
                    android:layout_alignRight="@+id/button1"
                   android:text="Violations"
                   android:textSize="14dip"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070" />
                <ImageView
                    android:id="@+id/imageView1"
                    android:layout_width="15dip"
                    android:layout_height="6dip"
                    android:layout_centerHorizontal="true"
                    android:layout_below="@+id/violationTabtextView"
                                      android:src="@drawable/arrow" /> -->

                <!-- <ImageView
                    android:id="@+id/imageView3"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toRightOf="@+id/violationTabtextView"
                    android:src="@drawable/arrow_right" /> -->
               
         </RelativeLayout>
       
                <RelativeLayout
                    android:clickable="true"
                     android:layout_height="60dip"
            android:layout_toRightOf="@+id/violationlayout"
            android:background="@drawable/blackbutton"
android:layout_width="80dip"
 android:id="@+id/violationlayout22"  >
                <Button
                      android:clickable="true"
                   android:id="@+id/violation_tab22"
android:layout_centerHorizontal="true" android:background="@drawable/support"
android:layout_width="100dip" android:paddingLeft="5dip" android:paddingRight="5dip" android:layout_height="71dip" 
android:text="Support" android:gravity="bottom|center_horizontal"
                   android:textSize="9dip" android:paddingBottom="10dip"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070"
             />

                <!-- <TextView
                    android:layout_centerHorizontal="true"
                    android:id="@+id/violationTabtextView22"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                   android:layout_below="@+id/violation_tab22"
                    android:layout_alignRight="@+id/button1"
                   android:text="Support"
                   android:textSize="14dip"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070" />
                <ImageView
                    android:id="@+id/imageView22"
                    android:layout_width="15dip"
                    android:layout_height="6dip"
                    android:layout_centerHorizontal="true"
                    android:layout_below="@+id/violationTabtextView22"
                                      android:src="@drawable/arrow" /> -->
               
         </RelativeLayout>       
               
         <RelativeLayout
                    android:clickable="true"
                     android:layout_height="60dip"
            android:layout_toRightOf="@+id/violationlayout22"
            android:background="@drawable/blackbutton"
android:layout_width="100dip" android:paddingLeft="5dip" android:paddingRight="5dip"
 android:id="@+id/violationlayout23"  >
                <Button
                      android:clickable="true"
                   android:id="@+id/violation_tab23"
android:layout_centerHorizontal="true" android:background="@drawable/settings"
android:layout_width="90dip" android:layout_height="71dip"
android:text="Settings" android:gravity="bottom|center_horizontal"
                   android:textSize="9dip" android:paddingBottom="10dip"
android:textColorHighlight="#ffffff"
android:textStyle="bold"
android:textColor="#707070"     />     </RelativeLayout>
       
         <!-- dfgdfg
        
         <RelativeLayout  android:layout_height="60dip"
           
android:layout_width="100dip"
android:clickable="true"
android:id="@+id/clientslayout"  android:paddingLeft="5dip" android:paddingRight="5dip">

                <Button
                    android:id="@+id/client_tab"
                    android:layout_width="90dip"
                    android:layout_height="71dip"
                    android:layout_alignParentBottom="true"
                    android:layout_alignParentRight="true"
                    android:layout_alignParentTop="true"
                    android:background="@drawable/traffic"
                    android:clickable="true"
                    android:gravity="bottom|center_horizontal"
                    android:paddingBottom="10dip"
                    android:text="Traffic"
                    android:textColor="#707070"
                    android:textColorHighlight="#ffffff"
                    android:textSize="9dip"
                    android:textStyle="bold" />
        
        
        
         -->
               
               
               
         </LinearLayout>
</HorizontalScrollView>
<ImageView android:src="@drawable/arrow_left"
        android:layout_height="22dip"
        android:layout_width="6dip"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true" />
<ImageView android:src="@drawable/arrow_right"
        android:layout_height="22dip"
        android:layout_width="6dip"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true" />
</RelativeLayout>

   
   
   
</LinearLayout>

//above functionality used in JOR Project

Comments

  1. Where is the full code, what we can do with above code.

    ReplyDelete
  2. Here there is no need of full code...
    Just create sample project and use above on ur layout,then u can get it.

    ReplyDelete
  3. pavan could you provide me the full source code i tried alot but did not get the appropriate...thanks..
    my email id is kskuldeep230@gmail.com

    ReplyDelete
  4. Hi you could have added screenshots we could have got some better idea with those..
    thnx nywys

    ReplyDelete
    Replies
    1. Hi ,

      Really sorry for the inconvenience caused and will try to add screenshots for this post shortly.

      Thanks,
      PavanTilak.

      Delete

Post a Comment

Popular posts from this blog

Custom Dialog with no title and full screen in Android

code to display .pdf,.text,.DOC,.DOCX,.doc extension files exists in SDCard

Best working code to set Date limits on Date Picker Dialog,in Android