今天在專案中遇到了這樣的需求、輪播圖片來展示商品、剛剛已經分享了一種方法

但是我覺得這種還是達不到我的要求、所以我後臺又換了一種方式、比較好

跟淘寶京東的商品展示非常像、很符合的我胃口、現在分享出來、供大家使用

程式碼簡單、設定簡單、自定義圓點和滾動時間、通過 ViewPager 實現的

滾動圖片的類

// 圖片滾動類publicclassMyImgScroll extends ViewPager{Activity mActivity;//上下文List<View> mListViews;//圖片組int mScrollTime =0;Timer timer;int
 
 oldIndex =0;int curIndex =0;publicMyImgScroll(Context context,AttributeSet attrs){
		super(context, attrs);}// 開始廣告滾動publicvoid start(Activity mainActivity,List<View> imgList,int scrollTime,LinearLayout ovalLayout,int ovalLayoutId,int ovalLayoutItemId,int focusedId,int normalId){
		mActivity = mainActivity
 
;
		mListViews = imgList;
		mScrollTime = scrollTime;// 設定圓點
		setOvalLayout(ovalLayout, ovalLayoutId, ovalLayoutItemId, 
			focusedId, normalId);this.setAdapter(newMyPagerAdapter());// 設定介面卡if(scrollTime !=0&& imgList.size()>1){// 設定滑動動畫時間  ,如果用預設動畫時間可不用 ,反射技術實現newFixedSpeedScroller(mActivity).
 
setDuration(this,700);
	
			startTimer();// 觸控時停止滾動this.setOnTouchListener(newOnTouchListener(){public boolean onTouch(View v,MotionEvent event){if(event.getAction()==MotionEvent.ACTION_UP){
						startTimer();}else{
						stopTimer();}returnfalse;}});}if(mListViews.size()>1){// 設定選中為中間/圖片為和第0張一樣this.setCurrentItem((Integer.MAX_VALUE /2)-(Integer.MAX_VALUE /2)% mListViews.size());}}// 設定圓點privatevoid setOvalLayout(final LinearLayout ovalLayout,int ovalLayoutId,
			final int ovalLayoutItemId, final int focusedId
				, final int normalId){if(ovalLayout !=null){LayoutInflater inflater=LayoutInflater.from(mActivity);for(
            
  
           

              
              
            
            
相關推薦
			   
            
            
            
 

    

    
    
ANDROID廣告輪播DEMO_仿淘寶廣告輪播_滑動圖片廣告例子
     
 
                




今天在專案中遇到了這樣的需求、輪播圖片來展示商品、剛剛已經分享了一種方法

但是我覺得這種還是達不到我的要求、所以我後臺又換了一種方式、比較好

跟淘寶京東的商品展示非常像、很符合的我胃口、現在分享出來、供大家使用

程式碼簡單、設定簡單、自定 

  
 

    

    
    
Android自定義控制元件——仿淘寶、網易、彩票等廣告條、Banner的製作
     
 
                



最近翻看以前的某專案時，發現了一個極其常用的效果——廣告條，或者也稱不上自定義元件，但是使用頻率還是相當普遍的。
開啟市面上各大App主介面，或多或少會出現這樣的東西，甚至一個應用中出現N多個，這種展示廣告的效果，不僅動態效果好，而且眾所周知的“不佔屏”，想想在手機裝 

  
 

    

    
    
android軟件開發之仿淘寶選擇規格的實現
     
 per   con   attribute   back   view.gone   boolean   做了   over   ear   在一些app開發項目中選擇商品規格這個功能最容易遇到問題，想要實現需要的全部功能，但一直沒有成功，所以就去找了個Demo，學習界面UI采用recyclerview，it 

  
 

    

    
    
android 自定義ViewGroup實現仿淘寶的商品詳情頁
     
 
                
最近公司在新版本上有一個需要， 要在首頁新增一個滑動效果， 具體就是仿照X寶的商品詳情頁， 拉到頁面底部時有一個粘滯效果，
 如下圖 X東的商品詳情頁，如果使用者繼續向上拉的話就進入商品圖文描述介面：


剛開始是想拿來主義，直接從網上找個現成的demo來用， 但是網上無一 

  
 

    

    
    
android自定義ProgressBar（仿淘寶）的載入效果
     
 
                
三種方式實現自定義圓形頁面載入中效果的進度條 To get a ProgressBar in the default theme that is to be used on white/light back ground, use one of the inverse st 

  
 

    

    
    
圖片自動輪播（仿淘寶？？）
     
 
							
							
							先上效果圖（給美宅瘋狂打call~） 


是不是你們要找的效果，是的話就繼續往下看hahaha

上重點（敲黑板）！！！ 
js

 <script>
        $(function () {
            var containl 

  
 

    

    
    
Android自定義控制元件-仿淘寶ios客戶端天貓商品詳情介面動效
     
 
                

效果圖



原始碼和例子


效果描述

一個自定義控制元件繼承自ScrollView,下拉時header會放大鬆開後會恢復原狀,上滑時header會被下面的內容吃掉蓋住而且會稍稍往上滑，在header高度範圍內滑動時導航欄背景和導航欄的按鈕會反向改變透明度形成一種對比 

  
 

    

    
    
實現垂直輪播廣告（仿淘寶頭條） OC版本
     
 
                
1.先上效果圖

2 .可以實現下面效果
  1》.可自由定義展示的內容（修改BannerContentView即可）。  2》使用方式類似ListView/RecyclerView。  3》可為當前顯示的內容新增各種事件，比如點選開啟某個頁面等。
  4，實現垂直自動輪播 

  
 

    

    
    
仿淘寶商品詳情頁[帶有視訊和圖片的輪播功能]
     
 
                

因為工作需求的原因，自己寫了一個demo，既實現了功能，又能與大家分享，很高興！Demo已上傳GitHub，https://github.com/xinniangdeweidao/CloneTaobaoProductsDetails.git

轉載請註明出處，謝謝！


 

  
 

    

    
    
利用ionic裡的和 modal 做個仿淘寶商品詳情頁頂部輪播圖的demo
     
 
                
做這個demo之前首先得了解淘寶app商品詳情頁頂部輪播圖都有哪些構造。
1.幾張圖片輪播展示；
2.點選圖片出現全屏圖片輪播展示；
3.點選第幾張圖，全屏展示對應圖片；
4.全屏展示的圖片可以拖拽放大；
5.全屏圖片可以長按儲存。（這點在這個demo中不會出現，因為博主這 

  
 

    

    
    
Android開發仿淘寶商品詳情瀏覽效果 兩步曲
     
 
                效果圖：





第一步佈局檔案：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/andr 

  
 

    

    
    
Android仿淘寶底部圖示導航欄
     
 
                       在上一篇中，簡單的使用透明主題的Activity實現了仿微信右側頂部的對話方塊，上午又花了兩個小時研究了一下淘寶底部的導航欄實現，網上的做法也有很多，今天我就使用一種通過基本控制元件加上佈局的方式，沒有任何的自定義風格，控制元件等來實現，還是老樣子，先看一下效果 

  
 

    

    
    
ViewFlipper的使用，仿淘寶頭條垂直滾動廣告條
     
  
 
 ViewFlipper是安卓自帶的控制元件，很多人可能很少知道這個控制元件，這個控制元件很簡單，也很好理解，能不能用上實戰就看你們的本事了。下面是淘寶頭條廣告的原效果 
  
 下面是我們今天要實現的效果，圖片是Gif，執行效果是很流暢的，由於這個圖片反應有點慢，會浪費大家點時間，所以我把它調快了， 

  
 

    

    
    
Android自定義控制元件實戰——仿淘寶商品瀏覽介面
     
 
                

用手機淘寶瀏覽商品詳情時，商品圖片是放在後面的，在第一個ScrollView滾動到最底下時會有提示，繼續拖動才能瀏覽圖片。仿照這個效果寫一個出來並不難，只要定義一個Layout管理兩個ScrollView就行了，當第一個ScrollView滑到底部時，再次向上滑動進入第二 

  
 

    

    
    
iOS開發之三個Button實現圖片無限輪播(參考手機淘寶，Swift版)
     
 這兩天使用Reveal工具檢視"手機淘寶"App的UI層次時，發現其圖片輪播使用了三個UIButton的複用來實現的圖片迴圈無縫滾動。於是乎就有了今天這篇部落格，看到“手機淘寶”這個幻燈片的UI層級時，就想要動手使用三個Button來實現一下，當然本篇部落格使用是Swift語言，思路就是使用三個Button進 

  
 

    

    
    
android 資料重構(仿淘寶瀏覽記錄,足跡)
     
 
								
								            
							
							
							資料結構 ->資料重構


原因 
處理這個資料的主要原因是,後臺伺服器返回的資料格式在ios那邊因為其控制元件可以對資料進行分割槽顯示,可以直接處理,而在android上我們顯示控制元件就是li 

  
 

    

    
    
Android 仿淘寶商品詳情標題欄變色，佈局層疊效果
     
 
                
如圖效果
思路：如圖可以將圖片中佈局分成三個部分，1標題欄透明背景，2上半部分佈局，3下半部分佈局，當我們向上拉動的時候，1佈局實現漸變，從透明變到白色，2佈局背景色漸變到白色，23佈局隨滾動條上拉，並且慢慢改變2佈局paddingtop的屬性，其中1佈局漂浮在整個scro 

  
 

    

    
    
Android 仿淘寶商品詳情頁下拉足跡Demo
     
 
								
								            
							
							
							DropDownMultiPager



仿淘寶等商品詳情頁下拉足跡效果SimpleDemo 可colne之後看MainActivity的呼叫，方便二次開發 
依賴

compile 'com.nin 

  
 

    

    
    
仿淘寶商品詳情頁面Android
     
 
							
							
							



1、需求：

要實現一個類似淘寶、京東的商品詳情頁面。首先是在看一些前輩的思路，檢視之後，發現博主qifengdeqingchen的文章不錯，然後去下載下來檢視demo。



2、查閱資料

來看看前輩的思路圖。使用兩個scrollView，兩個scr 

  
 

    

    
    
Android開發之仿淘寶商品詳情頁
     
 
							
							
							看到有人在問如何實現淘寶商品詳情頁效果，手癢了就擼了一個，獻上效果圖 


大致梳理一下思路，這裡不提供原始碼

狀態列透明使用開源庫StatusBarCompat，為了相容手機4.4

dependencies {
        compile ('com.