1. 程式人生 > >自定義御泥坊(淘寶、360手機衛士)產品詳情頁的佈局懸停效果

自定義御泥坊(淘寶、360手機衛士)產品詳情頁的佈局懸停效果

public class MyScrollView extends ScrollView{
    private TextView mTopView;//頂部佈局檔案
    private LinearLayout mFlowView;//懸停的佈局
    public MyScrollView(Context context) {
        this(context,null);
    }

    public MyScrollView(Context context, AttributeSet attrs) {
        this(context, attrs,0);
    }

    public MyScrollView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    /**
     * 由於整體的佈局內容都是放在一個自定義的ScrollView裡面。所以,只要我們在ScrollView裡面判斷:
     * 當Scrollview向上滑動的距離大於等於頂部區域的高度時,也就是浮動區域A的頂邊貼到螢幕頂部的時候,
     * 這是將浮動區域B的可見性設定為VISIBLE即可,否則設定為GONE即可。
     * 其實這個方法是在自定義的ScrollView裡面的,可能這裡就有人疑問,為什麼要自定義ScrollView?
     * 因為onScrollChange方法是一個protected的方法,直接使用ScrollView是使用不了該方法的。
     */
    @Override
    protected void onScrollChanged(int l, int t, int oldl, int oldt) {
        super.onScrollChanged(l, t, oldl, oldt);
        if(mTopView != null) {
            if(t >= mTopView.getHeight()) {
                mFlowView.setVisibility(View.VISIBLE);
            } else {
                mFlowView.setVisibility(View.GONE);
            }
        }
    }

    /**
     * 用該方法將需要的空間傳遞過來
     */
    public void getView(TextView topView, LinearLayout top1){
        this.mTopView=topView;
        this.mFlowView=top1;
    }
}

相關推薦

定義360手機衛士產品詳情佈局懸停效果

public class MyScrollView extends ScrollView{ private TextView mTopView;//頂部佈局檔案 private LinearLayout mFlowView;//懸停的佈局 public MyScrollView(Con

安卓 跳轉京東app,並開啟商品詳情

importandroid.content.Intent; import android.content.pm.PackageManager; import android.net.Uri; import android.os.Bundle; import android.

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

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

定義View之指南針反編譯別人的程式碼實現

一、說明        偶爾點開魅族手機內建的工具箱應用,發現其指南針做的還不錯,就想模擬做一個類似的效果,在這裡我們不準備自己從頭開始編寫程式碼,而是採用一點黑科技,首先,我們從魅族系統中匯出工具箱應用的apk,然後反編譯apk,結合

Qt定義無邊框介面可放大縮小及拖動

Qt自定義無邊框介面 使用者介面(User Interface)是指對軟體的人機互動、操作邏輯、介面美觀的整體設計。好的UI設計不僅是讓軟體變得有個性有品味,還要讓軟體的操作變得舒適、簡單、自由、充分體現軟體的定位和特點。很多時候,Qt本地樣式可能無法實現讓我們的介面更簡化、美觀,那麼這

3. CKeditor+ckfinder ---CKFinder原始碼修改上傳 定義資料夾名以時間年月YYYYMM為例

1 準備 請自行參考  第2文章  此處就不做過多解釋了 ^_^     2. CKeditor+ckfinder ---CKFinder原始碼修改自定義上傳檔名,連結如下 修改上傳檔名 2  查詢官網資料 連結如下

Android 定義橫向進度條可動態設定最大值

自定義橫向進度條       主佈局檔案中包 含          <LinearLayout android:id="@+id/linearlayout" android:layout_width="match_parent" androi

Android定義文字選中模式全選複製,剪下,粘帖

為了方便操作,在PC端我們常用的Ctrl+A(全選)/Ctrl+C(複製)/Ctrl+X(剪下)/Ctrl+V(粘帖)提高了我們的辦公效率。然後在手機端怎麼實現呢?我花了一天的時間研究了一下。 首先說一下TextView的選中,要想選中TextV

在iOS應用中跳轉到或天貓客戶端商品詳情

最近做iOS專案的時候遇到一個需求,啟動圖片後是廣告頁,點選廣告頁,跳轉到淘寶或天貓的商品詳情頁。 具體需要是這樣: 1)安裝了淘寶:跳轉到淘寶詳情頁。 2)沒裝淘寶,裝了天貓:跳轉到天貓詳情頁 3)淘寶、天貓都沒裝:跳轉到應用自己的頁面,載入網頁。 1)可以使用阿里百川

UINavigationController 定義轉場動畫模仿App跳轉

imp dal iap 默認 自定義轉場動畫 ict oda ack 調用 制作目的 想要自定義系統轉場動畫速度 放棄不順暢的 NavigationBar 隱藏消失 幹脆直接幹掉每個頁面的 NavigationBar,在使用 UINavigationController

JavaScript中定義函數以及文本框radio下拉框的值的獲取,結合競拍案例來理解。。。

支付寶 價格 select back html alt 文本框 lec 獲取 淘寶競拍案例: HTML部分代碼: <form action="#" method="post"> <h2>歡迎進入淘寶競拍</h2> &l

支付小程式開發練習,顯示定義二維碼

之前用了幾種方式 1.後端生成二維碼需要加密的字元竄,小程式前端利用二維碼元件渲染canvas畫出二維碼,由於支付寶小程式沒有這樣的元件,於是去找微信小程式的解決方案,把微信小程式的二維碼前端元件搬過來用,除錯到不報錯了,結果二維碼顯示不出來,原因很難找,宣告失敗! 2.

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

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

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

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

0512日重點:的H5手機適應解決方案:Flexible

自動獲取 手機端 issue 解決方案 target 解決 flex get bsp 參考文檔: https://github.com/amfe/lib-flexible https://github.com/amfe/article/issues/17 自我總結:F

jQuery基礎常用插件 表單驗證,圖片放大鏡,定義對象級,jQuery UI,面板折疊

此外 cookie值 添加圖標 tor 列表 需要 droppable 使用 ddn 1.表單驗證插件——validate 該插件自帶包含必填、數字、URL在內容的驗證規則,即時顯示異常信息,此外,還允許自定義驗證規則,插件調用方法如下: $(form).vali

xgboost 定義評價函數metric與目標函數

binary ret and 參數 cnblogs from valid ges zed 比賽得分公式如下: 其中,P為Precision , R為 Recall。 GBDT訓練基於驗證集評價,此時會調用評價函數,XGBoost的best_iteration和

XAF 框架中,定義參數動作Action,輸入參數的控件可定義,用於選擇組織及項目

示例 app frame tro href express documents 定義 ron XAF 框架中,如何生成一個自定義參數動作(Action),輸入參數的控件可定義? 參考文檔:https://documentation.devexpress.com/eXpres

AngularJs定義指令詳解5 - link

演示 hang cursor off drag font 雙向 事件 date 在指令中操作DOM,我們需要link參數,這參數要求聲明一個函數,稱之為鏈接函數。 寫法: link: function(scope, element, attrs) {  // 在這裏操作DO

sench touch 定義小圖標

found conf custom cmd svg logs 頁面 一個 會有 自定義圖標的方法 Sencha touch自帶圖標有限,有時需要自己添加圖標。下面介紹自定義圖標的方法: 首先需要生成圖標字體。有許多網站提供在線生成圖標字體的功能,比如IcoMoon,通過這個