2016-04-15 28 views
2

我正在尋找複製airbnb的應用圖像滑塊,您可以在一個視圖的頂部有一個圖像,您可以水平滑動,並在刷卡時自動轉到下一個圖像。我創建了horizo​​ntalscrollview,但它不具備正確的功能。它不會從一個圖像翻轉到另一個圖像,而是沿着圖像滑動一些滾動條,最後到達下一個圖像。我搜索了很多,並沒有看到一個沒有廢棄的解決方案。Android - 創建一個類似Airbnb的水平圖像滑塊

任何想法?

編輯 - 加入一些的每個請求我的代碼:

基本上處於高水平我在從我的AWS數據庫imageURLs拉(在不同的類下面未示出),然後嘗試這些網址加載到使用畢加索的horizo​​ntalscrollview。

//generic instructions to allow insertion of pictures into a horizontalimageslider 

public View insertPhoto(String path){ 
     LinearLayout layout = new LinearLayout(getActivity()); 
     layout.setGravity(Gravity.CENTER); 
     ImageView imageView = new ImageView(getActivity()); 
     imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE); 
     Picasso.with(getActivity()).load(path).into(imageView); //tried this but got errors when running > resize(layout.getWidth(), layout.getHeight()), also tried .fit() after .load image wouldn't load 
     layout.addView(imageView); 
     return layout; 
      } 

private class GetApartmentTask extends AsyncTask<ApiConnector,Long,Apartment > 
//after a doInBackground 

@Override 
     protected void onPostExecute(Apartment apartment) { 
//to get image URL from database to then use with Picasso to download the image 

      mImageURLArraylist = mApartment.getApartmentImageArrayList(); 
      for (int z = 0 ;z<mImageURLArraylist.size(); z++) { 
       mLinearLayout.addView(insertPhoto("http:" + mImageURLArraylist.get(z))); 
} 
}} 
在onCreateView方法

(顯然旁邊其他的東西)

MyXML(相關部分)

<HorizontalScrollView 
     android:id="@+id/horizontal_scroll_view" 
     android:layout_width="match_parent" 
     android:layout_height="500dp" 
     android:fillViewport="true"> 

     <LinearLayout 
      android:id="@+id/details_page_apartment_picture" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:adjustViewBounds="true" 
      android:scaleType="fitCenter" 
      android:orientation="horizontal"> 

     </LinearLayout> 
    </HorizontalScrollView> 
+0

你可以顯示圖像你已經做了什麼。也許我可以爲你做這個。 – ant2009

+0

增加了,但對於我的特殊情況下,它有點複雜的拉入一個類,做一個jsonrequest到數據庫等 – Noobprogrammer

回答

0

我不知道製作的Airbnb應用圖像滑塊的細節,但這聽起來像你可以使用flexslider。它基本上是一個JQuery工具包。我之前在網站上使用過它,它似乎具有您正在尋找的功能。

https://www.woothemes.com/flexslider/

+0

不幸的jquery不工作在Android開發:(謝謝你抽出時間來回答 – Noobprogrammer