How to implement HorizontalScrollView like Gallery

Question

I want to implement Horizontal ScrollView with some features of Gallery    In Gallery the scroll made at some distance it arrange in pair  i e If we have three images shown in screen  clicking last image will arrange at center    How would I implement HorizontalSCrollView as mentioned

User · Answer

I implemented something similar with Horizontal Variable ListView The only drawback is, it works only with Android 2.3 and later.

Using this library is as simple as implementing a ListView with a corresponding Adapter. The library also provides an example

User · Answer

You may use HorizontalScrollView to implement Horizontal scrolling   Code   lt HorizontalScrollView android id    id hsv  android layout width  fill parent  android layout height  100dp   android layout weight  0  android fillViewport  true  android measureAllChildren  false  android scrollbars  none   gt   lt LinearLayout     android id    id innerLay      android layout width  wrap content      android layout height  100dp      android gravity  center vertical      android orientation  horizontal   gt       lt  LinearLayout gt       lt  HorizontalScrollView gt    featured xml    lt  xml version  1 0  encoding  utf-8   gt      lt LinearLayout xmlns android  http   schemas android com apk res android    android layout width  160dp     android layout margin  4dp  android layout height  match parent  android orientation  vertical   gt          lt RelativeLayout  android layout width  fill parent  android layout height  fill parent    gt    lt ProgressBar                     android layout width  15dip             android layout height  15dip      android id    id progress       android layout centerInParent  true        gt    lt ImageView     android id    id image             android layout width  fill parent             android layout height  fill parent      android background   20000000        gt    lt TextView     android id    id textView1      android layout width  fill parent      android layout height  30dp      android layout alignParentBottom  true      android layout alignParentRight  true      android gravity  center      android textColor   000000      android background   ffffff      android text  Image Text    gt          lt  RelativeLayout gt        lt  LinearLayout gt    Java Code    LayoutInflater inflater       inflater getLayoutInflater        LinearLayout inLay  LinearLayout  findViewById R id innerLay        for int x 0 x lt 10 x                  inLay addView getView x               View getView final int x       View rootView   inflater inflate  R layout featured item null       ImageView image    ImageView  rootView findViewById R id image         Thease Two Line is sufficient my dear to implement lazyLoading    AQuery aq   new AQuery rootView      String url  http   farm6 static flickr com 5035 5802797131 a729dac808 s jpg      aq id image  progress R id progress  image url  true  true  0  R drawable placeholder1      image setOnClickListener new OnClickListener               Override         public void onClick View arg0         Toast makeText PhotoActivity this   Click Here Postion   x                 Toast LENGTH LONG  show                         return rootView             Note  to implement lazy loading  please use this link for AQUERY  https   code google com p android-query wiki ImageLoading

User · Answer

Try this code    activity main xml    lt RelativeLayout xmlns android  http   schemas android com apk res android  xmlns tools  http   schemas android com tools  android layout width  fill parent  android layout height  100dip  tools context   MainActivity   gt   lt HorizontalScrollView     android id    id hsv      android layout width  fill parent      android layout height  wrap content      android layout alignParentTop  true      android fillViewport  true      android measureAllChildren  false      android scrollbars  none   gt       lt LinearLayout         android id    id innerLay          android layout width  wrap content          android layout height  wrap content          android gravity  center vertical          android orientation  horizontal   gt           lt LinearLayout             android id    id asthma action plan              android layout width  wrap content              android layout height  wrap content              android gravity  center              android orientation  vertical   gt               lt RelativeLayout                 android layout width  fill parent                  android layout height  match parent   gt                   lt ImageView                     android layout width  wrap content                      android layout height  wrap content                      android src   drawable action plan    gt                   lt TextView                     android layout width  0 2dp                      android layout height  fill parent                      android layout alignParentRight  true                      android background   drawable ln    gt               lt  RelativeLayout gt           lt  LinearLayout gt           lt LinearLayout             android id    id controlled medication              android layout width  wrap content              android layout height  wrap content              android gravity  center              android orientation  vertical   gt               lt RelativeLayout                 android layout width  fill parent                  android layout height  match parent   gt                   lt ImageView                     android layout width  wrap content                      android layout height  wrap content                      android src   drawable controlled    gt                   lt TextView                     android layout width  0 2dp                      android layout height  fill parent                      android layout alignParentRight  true                      android background   drawable ln    gt               lt  RelativeLayout gt           lt  LinearLayout gt           lt LinearLayout             android id    id as needed medication              android layout width  wrap content              android layout height  wrap content              android gravity  center              android orientation  vertical   gt               lt RelativeLayout                 android layout width  fill parent                  android layout height  match parent                  android orientation  horizontal   gt                   lt ImageView                     android layout width  wrap content                      android layout height  wrap content                      android src   drawable as needed    gt                   lt TextView                     android layout width  0 2dp                      android layout height  fill parent                      android layout alignParentRight  true                      android background   drawable ln    gt               lt  RelativeLayout gt           lt  LinearLayout gt           lt LinearLayout             android id    id rescue medication              android layout width  wrap content              android layout height  wrap content              android gravity  center              android orientation  vertical   gt               lt RelativeLayout                 android layout width  fill parent                  android layout height  match parent   gt                   lt ImageView                     android layout width  wrap content                      android layout height  wrap content                      android src   drawable rescue    gt                   lt TextView                     android layout width  0 2dp                      android layout height  fill parent                      android layout alignParentRight  true                      android background   drawable ln    gt               lt  RelativeLayout gt           lt  LinearLayout gt           lt LinearLayout             android id    id your symptoms              android layout width  wrap content              android layout height  wrap content              android gravity  center              android orientation  vertical   gt               lt RelativeLayout                 android layout width  fill parent                  android layout height  match parent   gt                   lt ImageView                     android layout width  wrap content                      android layout height  wrap content                      android src   drawable symptoms    gt                   lt TextView                     android layout width  0 2dp                      android layout height  fill parent                      android layout alignParentRight  true                      android background   drawable ln    gt               lt  RelativeLayout gt           lt  LinearLayout gt           lt LinearLayout             android id    id your triggers              android layout width  wrap content              android layout height  wrap content              android gravity  center              android orientation  vertical   gt               lt RelativeLayout                 android layout width  fill parent                  android layout height  match parent   gt                   lt ImageView                     android layout width  wrap content                      android layout height  wrap content                      android src   drawable triggers    gt                   lt TextView                     android layout width  0 2dp                      android layout height  fill parent                      android layout alignParentRight  true                      android background   drawable ln    gt               lt  RelativeLayout gt           lt  LinearLayout gt           lt LinearLayout             android id    id wheeze rate              android layout width  wrap content              android layout height  wrap content              android gravity  center              android orientation  vertical   gt               lt RelativeLayout                 android layout width  fill parent                  android layout height  match parent   gt                   lt ImageView                     android layout width  wrap content                      android layout height  wrap content                      android src   drawable wheeze rate    gt                   lt TextView                     android layout width  0 2dp                      android layout height  fill parent                      android layout alignParentRight  true                      android background   drawable ln    gt               lt  RelativeLayout gt           lt  LinearLayout gt           lt LinearLayout             android id    id peak flow              android layout width  wrap content              android layout height  wrap content              android gravity  center              android orientation  vertical   gt               lt RelativeLayout                 android layout width  fill parent                  android layout height  match parent   gt                   lt ImageView                     android layout width  wrap content                      android layout height  wrap content                      android src   drawable peak flow    gt                   lt TextView                     android layout width  0 2dp                      android layout height  fill parent                      android layout alignParentRight  true                      android background   drawable ln    gt               lt  RelativeLayout gt           lt  LinearLayout gt       lt  LinearLayout gt   lt  HorizontalScrollView gt   lt TextView     android layout width  fill parent      android layout height  0 2dp      android layout alignParentRight  true      android layout below    id hsv      android background   drawable ln    gt   lt LinearLayout     android id    id prev      android layout width  wrap content      android layout height  fill parent      android layout alignParentLeft  true      android layout centerVertical  true      android paddingLeft  5dip      android paddingRight  5dip      android descendantFocusability  blocksDescendants   gt       lt ImageView         android layout width  wrap content          android layout height  wrap content          android layout gravity  center vertical          android src   drawable prev arrow    gt   lt  LinearLayout gt   lt LinearLayout     android id    id next      android layout width  wrap content      android layout height  fill parent      android layout alignParentRight  true      android layout centerVertical  true      android paddingLeft  5dip      android paddingRight  5dip      android descendantFocusability  blocksDescendants   gt       lt ImageView         android layout width  wrap content          android layout height  wrap content          android layout gravity  center vertical          android src   drawable next arrow    gt   lt  LinearLayout gt   lt  RelativeLayout gt     grid item xml    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  match parent  android orientation  vertical   gt   lt ImageView     android id    id imageView1      android layout width  fill parent      android layout height  100dp      android src   drawable ic launcher    gt   lt  LinearLayout gt     MainActivity java  import java util ArrayList   import android app Activity  import android graphics Rect  import android os Bundle  import android os Handler  import android view Display  import android view GestureDetector  import android view GestureDetector SimpleOnGestureListener  import android view MotionEvent  import android view View  import android view View OnTouchListener  import android widget HorizontalScrollView  import android widget LinearLayout  import android widget LinearLayout LayoutParams   public class MainActivity extends Activity    LinearLayout asthmaActionPlan  controlledMedication  asNeededMedication          rescueMedication  yourSymtoms  yourTriggers  wheezeRate  peakFlow  LayoutParams params  LinearLayout next  prev  int viewWidth  GestureDetector gestureDetector   null  HorizontalScrollView horizontalScrollView  ArrayList lt LinearLayout gt  layouts  int parentLeft  parentRight  int mWidth  int currPosition  prevPosition    Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main        prev    LinearLayout  findViewById R id prev       next    LinearLayout  findViewById R id next       horizontalScrollView    HorizontalScrollView  findViewById R id hsv       gestureDetector   new GestureDetector new MyGestureDetector         asthmaActionPlan    LinearLayout  findViewById R id asthma action plan       controlledMedication    LinearLayout  findViewById R id controlled medication       asNeededMedication    LinearLayout  findViewById R id as needed medication       rescueMedication    LinearLayout  findViewById R id rescue medication       yourSymtoms    LinearLayout  findViewById R id your symptoms       yourTriggers    LinearLayout  findViewById R id your triggers       wheezeRate    LinearLayout  findViewById R id wheeze rate       peakFlow    LinearLayout  findViewById R id peak flow        Display display   getWindowManager   getDefaultDisplay        mWidth   display getWidth       deprecated     viewWidth   mWidth   3      layouts   new ArrayList lt LinearLayout gt         params   new LayoutParams viewWidth  LayoutParams WRAP CONTENT        asthmaActionPlan setLayoutParams params       controlledMedication setLayoutParams params       asNeededMedication setLayoutParams params       rescueMedication setLayoutParams params       yourSymtoms setLayoutParams params       yourTriggers setLayoutParams params       wheezeRate setLayoutParams params       peakFlow setLayoutParams params        layouts add asthmaActionPlan       layouts add controlledMedication       layouts add asNeededMedication       layouts add rescueMedication       layouts add yourSymtoms       layouts add yourTriggers       layouts add wheezeRate       layouts add peakFlow        next setOnClickListener new View OnClickListener              Override         public void onClick View v                new Handler   postDelayed new Runnable                     public void run                         horizontalScrollView smoothScrollTo                               int  horizontalScrollView getScrollX                                         viewWidth                               int  horizontalScrollView getScrollY                                      100L                          prev setOnClickListener new View OnClickListener              Override         public void onClick View v                new Handler   postDelayed new Runnable                     public void run                         horizontalScrollView smoothScrollTo                               int  horizontalScrollView getScrollX                                       - viewWidth                               int  horizontalScrollView getScrollY                                      100L                          horizontalScrollView setOnTouchListener new OnTouchListener              Override         public boolean onTouch View v  MotionEvent event                if  gestureDetector onTouchEvent event                     return true                            return false                       class MyGestureDetector extends SimpleOnGestureListener        Override     public boolean onFling MotionEvent e1  MotionEvent e2  float velocityX              float velocityY            if  e1 getX    lt  e2 getX                  currPosition   getVisibleViews  left              else               currPosition   getVisibleViews  right                       horizontalScrollView smoothScrollTo layouts get currPosition                   getLeft    0           return true           public int getVisibleViews String direction        Rect hitRect   new Rect        int position   0      int rightCounter   0      for  int i   0  i  lt  layouts size    i              if  layouts get i  getLocalVisibleRect hitRect                 if  direction equals  left                      position   i                  break                else if  direction equals  right                      rightCounter                    position   i                  if  rightCounter    2                      break                                    return position        Let me know if any issue enjoy

User · Answer

Here is my layout        lt HorizontalScrollView         android id    id horizontalScrollView1          android layout width  wrap content          android layout height  wrap content          android paddingTop   dimen padding   gt           lt LinearLayout         android id    id shapeLayout          android layout width  fill parent          android layout height  wrap content          android layout marginTop  10dp   gt           lt  LinearLayout gt       lt  HorizontalScrollView gt    And I populate it in the code with dynamic check-boxes

User · Answer

I have created a horizontal ListView in every row of ListView if you want single  You can do the following   Here I am just creating horizontalListView of Thumbnail of Videos  Like this    The idea is  just continuously add the ImageView to the child of LinearLayout in HorizontalscrollView  Note  remember to fire  removeAllViews    before next time load other wise it will add duplicate child  Cursor mImageCursor   db getPlaylistVideoImage playlistId   mVideosThumbs removeAllViews    if  mImageCursor    null  amp  amp  mImageCursor getCount    gt  0        for  int index   0  index  lt  mImageCursor getCount    index              mImageCursor moveToPosition index           ImageView iv    ImageView  imageViewInfalter inflate              R layout image view  null                       name   mImageCursor getString mImageCursor                      getColumnIndex  LogoDefaultName             logoFile   new File MyApplication LOCAL LOGO PATH  name                       if  logoFile exists                          Uri uri   Uri fromFile logoFile                   iv setImageURI uri                                                 iv setScaleType ScaleType FIT XY               mVideosThumbs addView iv             mImageCursor close        mImageCursor   null        else           ImageView iv    ImageView  imageViewInfalter inflate                      R layout image view  null           String name               File logoFile          name   mImageCursor getString mImageCursor                      getColumnIndex  LogoMediumName             logoFile   new File MyApplication LOCAL LOGO PATH  name           if  logoFile exists                  Uri uri   Uri fromFile logoFile               iv setImageURI uri                             My xml for HorizontalListView   lt HorizontalScrollView     android id    id horizontalScrollView      android layout width  fill parent      android layout height  wrap content      android layout alignParentLeft  true      android layout below    id linearLayoutTitle      android background   drawable shelf      android paddingBottom   dimen Playlist TopBottom margin      android paddingLeft   dimen playlist RightLeft margin      android paddingRight   dimen playlist RightLeft margin      android paddingTop   dimen Playlist TopBottom margin   gt        lt LinearLayout         android id    id linearLayoutVideos          android layout width  wrap content          android layout height  wrap content          android gravity  left center vertical          android orientation  horizontal   gt       lt  LinearLayout gt   lt  HorizontalScrollView gt    and Also my Image View as each child   lt  xml version  1 0  encoding  utf-8   gt   lt ImageView xmlns android  http   schemas android com apk res android      android id    id imageViewThumb      android layout width  wrap content      android layout height  wrap content      android layout gravity  center      android layout marginRight  20dp      android adjustViewBounds  true      android background   android color transparent      android contentDescription   string action settings      android cropToPadding  true      android maxHeight  200dp      android maxWidth  240dp      android padding   dimen playlist image padding      android scaleType  centerCrop      android src   drawable loading    gt    To learn More you can follow the following links which have some easy samples   http   www dev-smart com  p 34 Horizontal ListView in Android

User · Answer

Here is a good tutorial with code  Let me know if it works for you  This is also a good tutorial   EDIT  In This example  all you need to do is add this line   gallery setSelection 1     after setting the adapter to gallery object  that is this line   gallery setAdapter new ImageAdapter this      UPDATE1  Alright  I got your problem  This open source library is your solution  I also have used it for one of my projects  Hope this will solve your problem finally   UPDATE2   I would suggest you to go through this tutorial  You might get idea  I think I got your problem  you want the horizontal scrollview with snap  Try to search with that keyword on google or out here  you might get your solution

[android] How to implement HorizontalScrollView like Gallery?

Examples related to android

Examples related to android-gallery

Examples related to horizontalscrollview