{"id":1699,"date":"2012-06-28T05:13:55","date_gmt":"2012-06-28T05:13:55","guid":{"rendered":"http:\/\/www.mobisoftinfotech.com\/blog\/?p=1699"},"modified":"2019-05-24T13:25:31","modified_gmt":"2019-05-24T07:55:31","slug":"android-gallery-widget-example-and-tutorial","status":"publish","type":"post","link":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial","title":{"rendered":"Android Gallery Widget Example and Tutorial"},"content":{"rendered":"<p>One of the Android layout widget \u2013 Gallery has lessen the pain of developer when one needs to use horizontally scrolling list specially in case of showing images in gallery view. But sometimes we need to customize this gallery widget as per requirement, for example navigating gallery using next-previous buttons which are placed at left and right side of gallery, highlighting selected image with border to make it more user friendly.<\/p>\n<h2><b>Here is code for Gallery Implementation which includes following features :-<\/b><\/h2>\n<p>\n<\/p><ul>\n<li> Horizontal gallery view<\/li><li> Showing selected image from gallery in larger view <\/li><li> Next-Previous buttons for gallery navigation <\/li><li> Highlighting selected image in horizontal gallery view <\/li><\/ul>\n<h2><b>Next-Previous buttons implementation :-<\/b><\/h2>\n<p>This can be easily done by maintaining current position of the selected item in gallery view. One needs to increment position when user clicks on right arrow and set gallery selection to that position and needs to decrement position when clicked on left arrow and then set gallery selection.<\/p>\n<h2><b>Highlighting selected item from gallery<br>  implementation :-<\/b><\/h2>\n<p>One can write custom drawable which can be set to background of image view to apply border of gallery image view. Different drawable files can be created and applied to gallery view for its different states like onFocus, onPressed etc.<\/p>\n<h2><b>Code for GalleryDemoActivity.java<\/b><\/h2>\n<pre style=\"color: #000000; background: #ffffff;\"><span style=\"color: #800000; font-weight: bold;\">package<\/span><span style=\"color: #004a43;\"> com<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">gallerydemo<\/span><span style=\"color: #800080;\">;<\/span>\n\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> java<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">util<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">ArrayList<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> java<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">util<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">List<\/span><span style=\"color: #800080;\">;<\/span>\n\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">app<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">Activity<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">graphics<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">Bitmap<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">graphics<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">drawable<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">BitmapDrawable<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">graphics<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">drawable<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">Drawable<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">os<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">Bundle<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">view<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">View<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">view<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">View<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">OnClickListener<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">widget<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">AdapterView<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">widget<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">AdapterView<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">OnItemSelectedListener<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">widget<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">Gallery<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">widget<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">ImageView<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">widget<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">ImageView<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">ScaleType<\/span><span style=\"color: #800080;\">;<\/span>\n\n<span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #800000; font-weight: bold;\">class<\/span> GalleryDemoActivity <span style=\"color: #800000; font-weight: bold;\">extends<\/span> Activity <span style=\"color: #800080;\">{<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> ImageView selectedImageView<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> ImageView leftArrowImageView<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> ImageView rightArrowImageView<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> Gallery gallery<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #bb7977;\">int<\/span> selectedImagePosition <span style=\"color: #808030;\">=<\/span> <span style=\"color: #008c00;\">0<\/span><span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #bb7977; font-weight: bold;\">List<\/span><span style=\"color: #808030;\">&lt;<\/span>Drawable<span style=\"color: #808030;\">&gt;<\/span> drawables<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> GalleryImageAdapter galImageAdapter<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #808030;\">@<\/span>Override\n    <span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #bb7977;\">void<\/span> onCreate<span style=\"color: #808030;\">(<\/span>Bundle savedInstanceState<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n        <span style=\"color: #800000; font-weight: bold;\">super<\/span><span style=\"color: #808030;\">.<\/span>onCreate<span style=\"color: #808030;\">(<\/span>savedInstanceState<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        setContentView<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>layout<span style=\"color: #808030;\">.<\/span>main<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        getDrawablesList<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        setupUI<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n    <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #bb7977;\">void<\/span> setupUI<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n        selectedImageView <span style=\"color: #808030;\">=<\/span> <span style=\"color: #808030;\">(<\/span>ImageView<span style=\"color: #808030;\">)<\/span> findViewById<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>id<span style=\"color: #808030;\">.<\/span>selected_imageview<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        leftArrowImageView <span style=\"color: #808030;\">=<\/span> <span style=\"color: #808030;\">(<\/span>ImageView<span style=\"color: #808030;\">)<\/span> findViewById<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>id<span style=\"color: #808030;\">.<\/span>left_arrow_imageview<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        rightArrowImageView <span style=\"color: #808030;\">=<\/span> <span style=\"color: #808030;\">(<\/span>ImageView<span style=\"color: #808030;\">)<\/span> findViewById<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>id<span style=\"color: #808030;\">.<\/span>right_arrow_imageview<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        gallery <span style=\"color: #808030;\">=<\/span> <span style=\"color: #808030;\">(<\/span>Gallery<span style=\"color: #808030;\">)<\/span> findViewById<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>id<span style=\"color: #808030;\">.<\/span>gallery<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        leftArrowImageView<span style=\"color: #808030;\">.<\/span>setOnClickListener<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000; font-weight: bold;\">new<\/span> OnClickListener<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n            <span style=\"color: #808030;\">@<\/span>Override\n            <span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #bb7977;\">void<\/span> onClick<span style=\"color: #808030;\">(<\/span>View v<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n                <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>selectedImagePosition <span style=\"color: #808030;\">&gt;<\/span> <span style=\"color: #008c00;\">0<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n                    <span style=\"color: #808030;\">-<\/span><span style=\"color: #808030;\">-<\/span>selectedImagePosition<span style=\"color: #800080;\">;<\/span>\n\n                <span style=\"color: #800080;\">}<\/span>\n\n                gallery<span style=\"color: #808030;\">.<\/span>setSelection<span style=\"color: #808030;\">(<\/span>selectedImagePosition<span style=\"color: #808030;\">,<\/span> <span style=\"color: #800000; font-weight: bold;\">false<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n            <span style=\"color: #800080;\">}<\/span>\n        <span style=\"color: #800080;\">}<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        rightArrowImageView<span style=\"color: #808030;\">.<\/span>setOnClickListener<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000; font-weight: bold;\">new<\/span> OnClickListener<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n            <span style=\"color: #808030;\">@<\/span>Override\n            <span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #bb7977;\">void<\/span> onClick<span style=\"color: #808030;\">(<\/span>View v<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n                <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>selectedImagePosition <span style=\"color: #808030;\">&lt;<\/span> drawables<span style=\"color: #808030;\">.<\/span>size<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">-<\/span> <span style=\"color: #008c00;\">1<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n                    <span style=\"color: #808030;\">+<\/span><span style=\"color: #808030;\">+<\/span>selectedImagePosition<span style=\"color: #800080;\">;<\/span>\n\n                <span style=\"color: #800080;\">}<\/span>\n\n                gallery<span style=\"color: #808030;\">.<\/span>setSelection<span style=\"color: #808030;\">(<\/span>selectedImagePosition<span style=\"color: #808030;\">,<\/span> <span style=\"color: #800000; font-weight: bold;\">false<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n            <span style=\"color: #800080;\">}<\/span>\n        <span style=\"color: #800080;\">}<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        gallery<span style=\"color: #808030;\">.<\/span>setOnItemSelectedListener<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000; font-weight: bold;\">new<\/span> OnItemSelectedListener<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n            <span style=\"color: #808030;\">@<\/span>Override\n            <span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #bb7977;\">void<\/span> onItemSelected<span style=\"color: #808030;\">(<\/span>AdapterView<span style=\"color: #808030;\">&lt;<\/span><span style=\"color: #808030;\">?<\/span><span style=\"color: #808030;\">&gt;<\/span> parent<span style=\"color: #808030;\">,<\/span> View view<span style=\"color: #808030;\">,<\/span> <span style=\"color: #bb7977;\">int<\/span> pos<span style=\"color: #808030;\">,<\/span> <span style=\"color: #bb7977;\">long<\/span> id<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n                selectedImagePosition <span style=\"color: #808030;\">=<\/span> pos<span style=\"color: #800080;\">;<\/span>\n\n                <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>selectedImagePosition <span style=\"color: #808030;\">&gt;<\/span> <span style=\"color: #008c00;\">0<\/span> <span style=\"color: #808030;\">&amp;<\/span><span style=\"color: #808030;\">&amp;<\/span> selectedImagePosition <span style=\"color: #808030;\">&lt;<\/span> drawables<span style=\"color: #808030;\">.<\/span>size<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">-<\/span> <span style=\"color: #008c00;\">1<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n                    leftArrowImageView<span style=\"color: #808030;\">.<\/span>setImageDrawable<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>arrow_left_enabled<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n                    rightArrowImageView<span style=\"color: #808030;\">.<\/span>setImageDrawable<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>arrow_right_enabled<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n                <span style=\"color: #800080;\">}<\/span> <span style=\"color: #800000; font-weight: bold;\">else<\/span> <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>selectedImagePosition <span style=\"color: #808030;\">=<\/span><span style=\"color: #808030;\">=<\/span> <span style=\"color: #008c00;\">0<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n                    leftArrowImageView<span style=\"color: #808030;\">.<\/span>setImageDrawable<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>arrow_left_disabled<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n                <span style=\"color: #800080;\">}<\/span> <span style=\"color: #800000; font-weight: bold;\">else<\/span> <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>selectedImagePosition <span style=\"color: #808030;\">=<\/span><span style=\"color: #808030;\">=<\/span> drawables<span style=\"color: #808030;\">.<\/span>size<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">-<\/span> <span style=\"color: #008c00;\">1<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n                    rightArrowImageView<span style=\"color: #808030;\">.<\/span>setImageDrawable<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>arrow_right_disabled<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n                <span style=\"color: #800080;\">}<\/span>\n\n                changeBorderForSelectedImage<span style=\"color: #808030;\">(<\/span>selectedImagePosition<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n                setSelectedImage<span style=\"color: #808030;\">(<\/span>selectedImagePosition<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n            <span style=\"color: #800080;\">}<\/span>\n\n            <span style=\"color: #808030;\">@<\/span>Override\n            <span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #bb7977;\">void<\/span> onNothingSelected<span style=\"color: #808030;\">(<\/span>AdapterView<span style=\"color: #808030;\">&lt;<\/span><span style=\"color: #808030;\">?<\/span><span style=\"color: #808030;\">&gt;<\/span> arg0<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n            <span style=\"color: #800080;\">}<\/span>\n\n        <span style=\"color: #800080;\">}<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        galImageAdapter <span style=\"color: #808030;\">=<\/span> <span style=\"color: #800000; font-weight: bold;\">new<\/span> GalleryImageAdapter<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000; font-weight: bold;\">this<\/span><span style=\"color: #808030;\">,<\/span> drawables<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        gallery<span style=\"color: #808030;\">.<\/span>setAdapter<span style=\"color: #808030;\">(<\/span>galImageAdapter<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>drawables<span style=\"color: #808030;\">.<\/span>size<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">&gt;<\/span> <span style=\"color: #008c00;\">0<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n            gallery<span style=\"color: #808030;\">.<\/span>setSelection<span style=\"color: #808030;\">(<\/span>selectedImagePosition<span style=\"color: #808030;\">,<\/span> <span style=\"color: #800000; font-weight: bold;\">false<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        <span style=\"color: #800080;\">}<\/span>\n\n        <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>drawables<span style=\"color: #808030;\">.<\/span>size<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">=<\/span><span style=\"color: #808030;\">=<\/span> <span style=\"color: #008c00;\">1<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n            rightArrowImageView<span style=\"color: #808030;\">.<\/span>setImageDrawable<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>arrow_right_disabled<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #bb7977;\">void<\/span> changeBorderForSelectedImage<span style=\"color: #808030;\">(<\/span><span style=\"color: #bb7977;\">int<\/span> selectedItemPos<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n        <span style=\"color: #bb7977;\">int<\/span> count <span style=\"color: #808030;\">=<\/span> gallery<span style=\"color: #808030;\">.<\/span>getChildCount<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        <span style=\"color: #800000; font-weight: bold;\">for<\/span> <span style=\"color: #808030;\">(<\/span><span style=\"color: #bb7977;\">int<\/span> i <span style=\"color: #808030;\">=<\/span> <span style=\"color: #008c00;\">0<\/span><span style=\"color: #800080;\">;<\/span> i <span style=\"color: #808030;\">&lt;<\/span> count<span style=\"color: #800080;\">;<\/span> i<span style=\"color: #808030;\">+<\/span><span style=\"color: #808030;\">+<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n            ImageView imageView <span style=\"color: #808030;\">=<\/span> <span style=\"color: #808030;\">(<\/span>ImageView<span style=\"color: #808030;\">)<\/span> gallery<span style=\"color: #808030;\">.<\/span>getChildAt<span style=\"color: #808030;\">(<\/span>i<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n            imageView<span style=\"color: #808030;\">.<\/span>setBackgroundDrawable<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>image_border<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n            imageView<span style=\"color: #808030;\">.<\/span>setPadding<span style=\"color: #808030;\">(<\/span><span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        <span style=\"color: #800080;\">}<\/span>\n\n        ImageView imageView <span style=\"color: #808030;\">=<\/span> <span style=\"color: #808030;\">(<\/span>ImageView<span style=\"color: #808030;\">)<\/span> gallery<span style=\"color: #808030;\">.<\/span>getSelectedView<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        imageView<span style=\"color: #808030;\">.<\/span>setBackgroundDrawable<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>selected_image_border<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        imageView<span style=\"color: #808030;\">.<\/span>setPadding<span style=\"color: #808030;\">(<\/span><span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n    <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #bb7977;\">void<\/span> getDrawablesList<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n        drawables <span style=\"color: #808030;\">=<\/span> <span style=\"color: #800000; font-weight: bold;\">new<\/span> ArrayList<span style=\"color: #808030;\">&lt;<\/span>Drawable<span style=\"color: #808030;\">&gt;<\/span><span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage1<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage2<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage3<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage4<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage5<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage6<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage7<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage8<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage9<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage10<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage11<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage12<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage13<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage14<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        drawables<span style=\"color: #808030;\">.<\/span>add<span style=\"color: #808030;\">(<\/span>getResources<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">.<\/span>getDrawable<span style=\"color: #808030;\">(<\/span>R<span style=\"color: #808030;\">.<\/span>drawable<span style=\"color: #808030;\">.<\/span>natureimage15<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #bb7977;\">void<\/span> setSelectedImage<span style=\"color: #808030;\">(<\/span><span style=\"color: #bb7977;\">int<\/span> selectedImagePosition<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n        BitmapDrawable bd <span style=\"color: #808030;\">=<\/span> <span style=\"color: #808030;\">(<\/span>BitmapDrawable<span style=\"color: #808030;\">)<\/span> drawables<span style=\"color: #808030;\">.<\/span>get<span style=\"color: #808030;\">(<\/span>selectedImagePosition<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        Bitmap b <span style=\"color: #808030;\">=<\/span> Bitmap<span style=\"color: #808030;\">.<\/span>createScaledBitmap<span style=\"color: #808030;\">(<\/span>bd<span style=\"color: #808030;\">.<\/span>getBitmap<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #808030;\">(<\/span><span style=\"color: #bb7977;\">int<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">(<\/span>bd<span style=\"color: #808030;\">.<\/span>getIntrinsicHeight<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">*<\/span> <span style=\"color: #008000;\">0.9<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #808030;\">(<\/span><span style=\"color: #bb7977;\">int<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">(<\/span>bd<span style=\"color: #808030;\">.<\/span>getIntrinsicWidth<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #808030;\">*<\/span> <span style=\"color: #008000;\">0.7<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #800000; font-weight: bold;\">false<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        selectedImageView<span style=\"color: #808030;\">.<\/span>setImageBitmap<span style=\"color: #808030;\">(<\/span>b<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        selectedImageView<span style=\"color: #808030;\">.<\/span>setScaleType<span style=\"color: #808030;\">(<\/span>ScaleType<span style=\"color: #808030;\">.<\/span>FIT_XY<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800080;\">}<\/span>\n<span style=\"color: #800080;\">}<\/span><\/pre>\n<h2><b>Code for GalleryImageAdapter.java<\/b><\/h2>\n<pre style=\"color: #000000; background: #ffffff;\"><span style=\"color: #800000; font-weight: bold;\">package<\/span><span style=\"color: #004a43;\"> com<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">gallerydemo<\/span><span style=\"color: #800080;\">;<\/span>\n\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> java<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">util<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">List<\/span><span style=\"color: #800080;\">;<\/span>\n\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">app<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">Activity<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">graphics<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">drawable<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">Drawable<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">view<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">View<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">view<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">ViewGroup<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">widget<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">BaseAdapter<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">widget<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">Gallery<\/span><span style=\"color: #800080;\">;<\/span>\n<span style=\"color: #800000; font-weight: bold;\">import<\/span><span style=\"color: #004a43;\"> android<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">widget<\/span><span style=\"color: #808030;\">.<\/span><span style=\"color: #004a43;\">ImageView<\/span><span style=\"color: #800080;\">;<\/span>\n\n<span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #800000; font-weight: bold;\">class<\/span> GalleryImageAdapter <span style=\"color: #800000; font-weight: bold;\">extends<\/span> BaseAdapter <span style=\"color: #800080;\">{<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> Activity context<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #800000; font-weight: bold;\">static<\/span> ImageView imageView<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #bb7977; font-weight: bold;\">List<\/span><span style=\"color: #808030;\">&lt;<\/span>Drawable<span style=\"color: #808030;\">&gt;<\/span> plotsImages<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #800000; font-weight: bold;\">static<\/span> ViewHolder holder<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">public<\/span> GalleryImageAdapter<span style=\"color: #808030;\">(<\/span>Activity context<span style=\"color: #808030;\">,<\/span> <span style=\"color: #bb7977; font-weight: bold;\">List<\/span><span style=\"color: #808030;\">&lt;<\/span>Drawable<span style=\"color: #808030;\">&gt;<\/span> plotsImages<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n        <span style=\"color: #800000; font-weight: bold;\">this<\/span><span style=\"color: #808030;\">.<\/span>context <span style=\"color: #808030;\">=<\/span> context<span style=\"color: #800080;\">;<\/span>\n        <span style=\"color: #800000; font-weight: bold;\">this<\/span><span style=\"color: #808030;\">.<\/span>plotsImages <span style=\"color: #808030;\">=<\/span> plotsImages<span style=\"color: #800080;\">;<\/span>\n\n    <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #808030;\">@<\/span>Override\n    <span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #bb7977;\">int<\/span> getCount<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n        <span style=\"color: #800000; font-weight: bold;\">return<\/span> plotsImages<span style=\"color: #808030;\">.<\/span>size<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n    <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #808030;\">@<\/span>Override\n    <span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #bb7977; font-weight: bold;\">Object<\/span> getItem<span style=\"color: #808030;\">(<\/span><span style=\"color: #bb7977;\">int<\/span> position<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n        <span style=\"color: #800000; font-weight: bold;\">return<\/span> <span style=\"color: #800000; font-weight: bold;\">null<\/span><span style=\"color: #800080;\">;<\/span>\n    <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #808030;\">@<\/span>Override\n    <span style=\"color: #800000; font-weight: bold;\">public<\/span> <span style=\"color: #bb7977;\">long<\/span> getItemId<span style=\"color: #808030;\">(<\/span><span style=\"color: #bb7977;\">int<\/span> position<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n        <span style=\"color: #800000; font-weight: bold;\">return<\/span> <span style=\"color: #008c00;\">0<\/span><span style=\"color: #800080;\">;<\/span>\n    <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #808030;\">@<\/span>Override\n    <span style=\"color: #800000; font-weight: bold;\">public<\/span> View getView<span style=\"color: #808030;\">(<\/span><span style=\"color: #bb7977;\">int<\/span> position<span style=\"color: #808030;\">,<\/span> View convertView<span style=\"color: #808030;\">,<\/span> ViewGroup parent<span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n        <span style=\"color: #800000; font-weight: bold;\">if<\/span> <span style=\"color: #808030;\">(<\/span>convertView <span style=\"color: #808030;\">=<\/span><span style=\"color: #808030;\">=<\/span> <span style=\"color: #800000; font-weight: bold;\">null<\/span><span style=\"color: #808030;\">)<\/span> <span style=\"color: #800080;\">{<\/span>\n\n            holder <span style=\"color: #808030;\">=<\/span> <span style=\"color: #800000; font-weight: bold;\">new<\/span> ViewHolder<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n            imageView <span style=\"color: #808030;\">=<\/span> <span style=\"color: #800000; font-weight: bold;\">new<\/span> ImageView<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000; font-weight: bold;\">this<\/span><span style=\"color: #808030;\">.<\/span>context<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n            imageView<span style=\"color: #808030;\">.<\/span>setPadding<span style=\"color: #808030;\">(<\/span><span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">3<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n            convertView <span style=\"color: #808030;\">=<\/span> imageView<span style=\"color: #800080;\">;<\/span>\n\n            holder<span style=\"color: #808030;\">.<\/span>imageView <span style=\"color: #808030;\">=<\/span> imageView<span style=\"color: #800080;\">;<\/span>\n\n            convertView<span style=\"color: #808030;\">.<\/span>setTag<span style=\"color: #808030;\">(<\/span>holder<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        <span style=\"color: #800080;\">}<\/span> <span style=\"color: #800000; font-weight: bold;\">else<\/span> <span style=\"color: #800080;\">{<\/span>\n\n            holder <span style=\"color: #808030;\">=<\/span> <span style=\"color: #808030;\">(<\/span>ViewHolder<span style=\"color: #808030;\">)<\/span> convertView<span style=\"color: #808030;\">.<\/span>getTag<span style=\"color: #808030;\">(<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        <span style=\"color: #800080;\">}<\/span>\n\n        holder<span style=\"color: #808030;\">.<\/span>imageView<span style=\"color: #808030;\">.<\/span>setImageDrawable<span style=\"color: #808030;\">(<\/span>plotsImages<span style=\"color: #808030;\">.<\/span>get<span style=\"color: #808030;\">(<\/span>position<span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        holder<span style=\"color: #808030;\">.<\/span>imageView<span style=\"color: #808030;\">.<\/span>setScaleType<span style=\"color: #808030;\">(<\/span>ImageView<span style=\"color: #808030;\">.<\/span>ScaleType<span style=\"color: #808030;\">.<\/span>FIT_XY<span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n        holder<span style=\"color: #808030;\">.<\/span>imageView<span style=\"color: #808030;\">.<\/span>setLayoutParams<span style=\"color: #808030;\">(<\/span><span style=\"color: #800000; font-weight: bold;\">new<\/span> Gallery<span style=\"color: #808030;\">.<\/span>LayoutParams<span style=\"color: #808030;\">(<\/span><span style=\"color: #008c00;\">150<\/span><span style=\"color: #808030;\">,<\/span> <span style=\"color: #008c00;\">90<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #808030;\">)<\/span><span style=\"color: #800080;\">;<\/span>\n\n        <span style=\"color: #800000; font-weight: bold;\">return<\/span> imageView<span style=\"color: #800080;\">;<\/span>\n    <span style=\"color: #800080;\">}<\/span>\n\n    <span style=\"color: #800000; font-weight: bold;\">private<\/span> <span style=\"color: #800000; font-weight: bold;\">static<\/span> <span style=\"color: #800000; font-weight: bold;\">class<\/span> ViewHolder <span style=\"color: #800080;\">{<\/span>\n        ImageView imageView<span style=\"color: #800080;\">;<\/span>\n    <span style=\"color: #800080;\">}<\/span>\n\n<span style=\"color: #800080;\">}<\/span><\/pre>\n<h2><b>Code for main.xml<\/b><\/h2>\n<pre style=\"color: #000000; background: #ffffff;\"><span style=\"color: #004a43;\">&lt;?<\/span><span style=\"color: #800000; font-weight: bold;\">xml<\/span><span style=\"color: #074726;\">version<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #7d0045;\">1.0<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #074726;\">encoding<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">utf-8<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #004a43;\">?&gt;<\/span>\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">RelativeLayout<\/span> <span style=\"color: #666616;\">xmlns<\/span><span style=\"color: #800080;\">:<\/span><span style=\"color: #074726;\">android<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #666616;\">http<\/span><span style=\"color: #800080;\">:<\/span><span style=\"color: #800000; font-weight: bold;\">\/\/<\/span><span style=\"color: #5555dd;\">schemas.android.com<\/span><span style=\"color: #40015a;\">\/apk\/res\/android<\/span><span style=\"color: #0000e6;\">\"<\/span>\n    <span style=\"color: #274796;\">android:layout_width<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">match_parent<\/span><span style=\"color: #0000e6;\">\"<\/span>\n    <span style=\"color: #274796;\">android:layout_height<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">match_parent<\/span><span style=\"color: #0000e6;\">\"<\/span>\n    <span style=\"color: #274796;\">android:background<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@android:color\/white<\/span><span style=\"color: #0000e6;\">\"<\/span>\n    <span style=\"color: #274796;\">android:orientation<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">vertical<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">&gt;<\/span>\n\n    <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">ImageView<\/span>\n        <span style=\"color: #274796;\">android:id<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@+id\/selected_imageview<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:layout_width<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">fill_parent<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:layout_height<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">fill_parent<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:layout_above<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@+id\/gallery_relative_layout<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:layout_marginLeft<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">30dip<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:layout_marginRight<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">30dip<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:layout_marginTop<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">30dip<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">\/&gt;<\/span>\n\n    <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">RelativeLayout<\/span>\n        <span style=\"color: #274796;\">android:id<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@+id\/gallery_relative_layout<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:layout_width<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">fill_parent<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:layout_height<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">150dip<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:layout_alignParentBottom<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">true<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:orientation<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">horizontal<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">&gt;<\/span>\n\n        <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">ImageView<\/span>\n            <span style=\"color: #274796;\">android:id<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@+id\/left_arrow_imageview<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_width<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">wrap_content<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_height<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">wrap_content<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_centerVertical<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">true<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_marginLeft<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">15dip<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:src<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@drawable\/arrow_left_disabled<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">\/&gt;<\/span>\n\n        <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">Gallery<\/span>\n            <span style=\"color: #274796;\">android:id<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@+id\/gallery<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_width<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">0dip<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_height<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">150dip<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_marginLeft<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">20dip<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_marginRight<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">20dip<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_toLeftOf<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@+id\/right_arrow_imageview<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_toRightOf<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@+id\/left_arrow_imageview<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:spacing<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">20dip<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">\/&gt;<\/span>\n\n        <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">ImageView<\/span>\n            <span style=\"color: #274796;\">android:id<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@+id\/right_arrow_imageview<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_width<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">wrap_content<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_height<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">wrap_content<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_alignParentRight<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">true<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_centerVertical<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">true<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:layout_marginRight<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">15dip<\/span><span style=\"color: #0000e6;\">\"<\/span>\n            <span style=\"color: #274796;\">android:src<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">@drawable\/arrow_right_enabled<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">\/&gt;<\/span>\n    <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">RelativeLayout<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\n<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">RelativeLayout<\/span><span style=\"color: #a65700;\">&gt;<\/span><\/pre>\n<h2><b>Code for image_border.xml<\/b><\/h2>\n<pre style=\"color: #000000; background: #ffffff;\"><span style=\"color: #004a43;\">&lt;?<\/span><span style=\"color: #800000; font-weight: bold;\">xml<\/span><span style=\"color: #074726;\">version<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #7d0045;\">1.0<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #074726;\">encoding<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">utf-8<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #004a43;\">?&gt;<\/span>\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">layer-list<\/span> <span style=\"color: #666616;\">xmlns<\/span><span style=\"color: #800080;\">:<\/span><span style=\"color: #074726;\">android<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #666616;\">http<\/span><span style=\"color: #800080;\">:<\/span><span style=\"color: #800000; font-weight: bold;\">\/\/<\/span><span style=\"color: #5555dd;\">schemas.android.com<\/span><span style=\"color: #40015a;\">\/apk\/res\/android<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">&gt;<\/span>\n\n    <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">item<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n        <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">shape<\/span> <span style=\"color: #274796;\">android:shape<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">rectangle<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">&gt;<\/span>\n            <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">gradient<\/span>\n                <span style=\"color: #274796;\">android:angle<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">90<\/span><span style=\"color: #0000e6;\">\"<\/span>\n                <span style=\"color: #274796;\">android:centerColor<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">#777777<\/span><span style=\"color: #0000e6;\">\"<\/span>\n                <span style=\"color: #274796;\">android:endColor<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">#777777<\/span><span style=\"color: #0000e6;\">\"<\/span>\n                <span style=\"color: #274796;\">android:startColor<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">#777777<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">\/&gt;<\/span>\n        <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">shape<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n    <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">item<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n    <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">item<\/span>\n        <span style=\"color: #274796;\">android:bottom<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">3dp<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:left<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">3dp<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:right<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">3dp<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:top<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">3dp<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n        <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">shape<\/span> <span style=\"color: #274796;\">android:shape<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">rectangle<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">&gt;<\/span>\n            <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">solid<\/span> <span style=\"color: #274796;\">android:color<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">#777777<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">\/&gt;<\/span>\n        <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">shape<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n    <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">item<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\n<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">layer-list<\/span><span style=\"color: #a65700;\">&gt;<\/span><\/pre>\n<h2><b>Code for selected_image_border.xml<\/b><\/h2>\n<pre style=\"color: #000000; background: #ffffff;\"><span style=\"color: #004a43;\">&lt;?<\/span><span style=\"color: #800000; font-weight: bold;\">xml<\/span><span style=\"color: #074726;\">version<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #7d0045;\">1.0<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #074726;\">encoding<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">utf-8<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #004a43;\">?&gt;<\/span>\n<span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">layer-list<\/span> <span style=\"color: #666616;\">xmlns<\/span><span style=\"color: #800080;\">:<\/span><span style=\"color: #074726;\">android<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #666616;\">http<\/span><span style=\"color: #800080;\">:<\/span><span style=\"color: #800000; font-weight: bold;\">\/\/<\/span><span style=\"color: #5555dd;\">schemas.android.com<\/span><span style=\"color: #40015a;\">\/apk\/res\/android<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">&gt;<\/span>\n\n    <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">item<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n        <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">shape<\/span> <span style=\"color: #274796;\">android:shape<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">rectangle<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">&gt;<\/span>\n            <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">gradient<\/span>\n                <span style=\"color: #274796;\">android:angle<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">90<\/span><span style=\"color: #0000e6;\">\"<\/span>\n                <span style=\"color: #274796;\">android:centerColor<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">#000<\/span><span style=\"color: #0000e6;\">\"<\/span>\n                <span style=\"color: #274796;\">android:endColor<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">#000<\/span><span style=\"color: #0000e6;\">\"<\/span>\n                <span style=\"color: #274796;\">android:startColor<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">#000<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">\/&gt;<\/span>\n        <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">shape<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n    <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">item<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n    <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">item<\/span>\n        <span style=\"color: #274796;\">android:bottom<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">3dp<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:left<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">3dp<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:right<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">3dp<\/span><span style=\"color: #0000e6;\">\"<\/span>\n        <span style=\"color: #274796;\">android:top<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">3dp<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n        <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">shape<\/span> <span style=\"color: #274796;\">android:shape<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">rectangle<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">&gt;<\/span>\n            <span style=\"color: #a65700;\">&lt;<\/span><span style=\"color: #5f5035;\">solid<\/span> <span style=\"color: #274796;\">android:color<\/span><span style=\"color: #808030;\">=<\/span><span style=\"color: #0000e6;\">\"<\/span><span style=\"color: #0000e6;\">#000<\/span><span style=\"color: #0000e6;\">\"<\/span> <span style=\"color: #a65700;\">\/&gt;<\/span>\n        <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">shape<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n    <span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">item<\/span><span style=\"color: #a65700;\">&gt;<\/span>\n\n<span style=\"color: #a65700;\">&lt;\/<\/span><span style=\"color: #5f5035;\">layer-list<\/span><span style=\"color: #a65700;\">&gt;<\/span><\/pre>\n<h2><b>Output of this program will be as shown below<\/b><\/h2>\n<p><noscript><img decoding=\"async\" src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png\" alt=\"galleryDemo\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"galleryDemo\" data-src=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png\" class=\" lazyload\"><\/p>\n<p>You can download the complete <a title=\"gallery demo source code\" href=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.zip\">source code for the project from here<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the Android layout widget \u2013 Gallery has lessen the pain of developer when one needs to use horizontally scrolling list specially in case of showing images in gallery view. But sometimes we need to customize this gallery widget as per requirement, for example navigating gallery using next-previous buttons which are placed at left [&hellip;]<\/p>\n","protected":false},"author":27,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":"yes","footnotes":""},"categories":[4],"tags":[213,215,185,214,248,250,249,251,61],"class_list":["post-1699","post","type-post","status-publish","format-standard","hentry","category-android","tag-android-sdk","tag-customize","tag-example","tag-gallery-widget","tag-houston","tag-mobile-apps","tag-mobile-development","tag-san-francisco","tag-tutorial"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Android Gallery Widget Example and Tutorial - Mobisoft Infotech<\/title>\n<meta name=\"description\" content=\"Here is a code for Android Gallery Widget Example and Tutorial complied by Mobisoft.Download the complete source code here.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Android Gallery Widget Example and Tutorial - Mobisoft Infotech\" \/>\n<meta property=\"og:description\" content=\"Here is a code for Android Gallery Widget Example and Tutorial complied by Mobisoft.Download the complete source code here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial\" \/>\n<meta property=\"og:site_name\" content=\"Mobisoft Infotech\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-28T05:13:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-24T07:55:31+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png\" \/>\n<meta name=\"author\" content=\"Pallavi Daga\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pallavi Daga\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#article\",\"isPartOf\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial\"},\"author\":{\"name\":\"Pallavi Daga\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6007188bd13c6f4297f1e5e2d0ac60c3\"},\"headline\":\"Android Gallery Widget Example and Tutorial\",\"datePublished\":\"2012-06-28T05:13:55+00:00\",\"dateModified\":\"2019-05-24T07:55:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial\"},\"wordCount\":254,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#primaryimage\"},\"thumbnailUrl\":\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png\",\"keywords\":[\"Android SDK\",\"Customize\",\"Example\",\"Gallery Widget\",\"Houston\",\"mobile apps\",\"Mobile development\",\"San Francisco\",\"Tutorial\"],\"articleSection\":[\"Android\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial\",\"name\":\"Android Gallery Widget Example and Tutorial - Mobisoft Infotech\",\"isPartOf\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#primaryimage\"},\"image\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#primaryimage\"},\"thumbnailUrl\":\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png\",\"datePublished\":\"2012-06-28T05:13:55+00:00\",\"dateModified\":\"2019-05-24T07:55:31+00:00\",\"author\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6007188bd13c6f4297f1e5e2d0ac60c3\"},\"description\":\"Here is a code for Android Gallery Widget Example and Tutorial complied by Mobisoft.Download the complete source code here.\",\"breadcrumb\":{\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#primaryimage\",\"url\":\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png\",\"contentUrl\":\"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mobisoftinfotech.com\/resources\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Android Gallery Widget Example and Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#website\",\"url\":\"https:\/\/mobisoftinfotech.com\/resources\/\",\"name\":\"Mobisoft Infotech\",\"description\":\"Discover Mobility\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mobisoftinfotech.com\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6007188bd13c6f4297f1e5e2d0ac60c3\",\"name\":\"Pallavi Daga\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/89ef33292eb327c415fedae5adc889ea2243cf389dce05bfe57552c1d8ba54fc?s=96&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/89ef33292eb327c415fedae5adc889ea2243cf389dce05bfe57552c1d8ba54fc?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/89ef33292eb327c415fedae5adc889ea2243cf389dce05bfe57552c1d8ba54fc?s=96&r=g\",\"caption\":\"Pallavi Daga\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Android Gallery Widget Example and Tutorial - Mobisoft Infotech","description":"Here is a code for Android Gallery Widget Example and Tutorial complied by Mobisoft.Download the complete source code here.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial","og_locale":"en_US","og_type":"article","og_title":"Android Gallery Widget Example and Tutorial - Mobisoft Infotech","og_description":"Here is a code for Android Gallery Widget Example and Tutorial complied by Mobisoft.Download the complete source code here.","og_url":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial","og_site_name":"Mobisoft Infotech","article_published_time":"2012-06-28T05:13:55+00:00","article_modified_time":"2019-05-24T07:55:31+00:00","og_image":[{"url":"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png","type":"","width":"","height":""}],"author":"Pallavi Daga","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pallavi Daga","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#article","isPartOf":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial"},"author":{"name":"Pallavi Daga","@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6007188bd13c6f4297f1e5e2d0ac60c3"},"headline":"Android Gallery Widget Example and Tutorial","datePublished":"2012-06-28T05:13:55+00:00","dateModified":"2019-05-24T07:55:31+00:00","mainEntityOfPage":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial"},"wordCount":254,"commentCount":0,"image":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#primaryimage"},"thumbnailUrl":"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png","keywords":["Android SDK","Customize","Example","Gallery Widget","Houston","mobile apps","Mobile development","San Francisco","Tutorial"],"articleSection":["Android"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial","url":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial","name":"Android Gallery Widget Example and Tutorial - Mobisoft Infotech","isPartOf":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#primaryimage"},"image":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#primaryimage"},"thumbnailUrl":"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png","datePublished":"2012-06-28T05:13:55+00:00","dateModified":"2019-05-24T07:55:31+00:00","author":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6007188bd13c6f4297f1e5e2d0ac60c3"},"description":"Here is a code for Android Gallery Widget Example and Tutorial complied by Mobisoft.Download the complete source code here.","breadcrumb":{"@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#primaryimage","url":"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png","contentUrl":"http:\/\/https:\/\/mobisoftinfotech.com\/resources\/wp-content\/uploads\/2012\/06\/galleryDemo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/mobisoftinfotech.com\/resources\/blog\/android\/android-gallery-widget-example-and-tutorial#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mobisoftinfotech.com\/resources\/"},{"@type":"ListItem","position":2,"name":"Android Gallery Widget Example and Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/mobisoftinfotech.com\/resources\/#website","url":"https:\/\/mobisoftinfotech.com\/resources\/","name":"Mobisoft Infotech","description":"Discover Mobility","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mobisoftinfotech.com\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/mobisoftinfotech.com\/resources\/#\/schema\/person\/6007188bd13c6f4297f1e5e2d0ac60c3","name":"Pallavi Daga","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/89ef33292eb327c415fedae5adc889ea2243cf389dce05bfe57552c1d8ba54fc?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/89ef33292eb327c415fedae5adc889ea2243cf389dce05bfe57552c1d8ba54fc?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/89ef33292eb327c415fedae5adc889ea2243cf389dce05bfe57552c1d8ba54fc?s=96&r=g","caption":"Pallavi Daga"}}]}},"_links":{"self":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/1699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/comments?post=1699"}],"version-history":[{"count":23,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/1699\/revisions"}],"predecessor-version":[{"id":16100,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/posts\/1699\/revisions\/16100"}],"wp:attachment":[{"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/media?parent=1699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/categories?post=1699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mobisoftinfotech.com\/resources\/wp-json\/wp\/v2\/tags?post=1699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}