2. 程式人生 > >Glide 入門到精通之九——SimpleTarget 和 ViewTarget 用於自定義檢視類

Glide 入門到精通之九——SimpleTarget 和 ViewTarget 用於自定義檢視類

阿新 • • 發佈：2018-12-24

目錄(?)[+]

  1. Glide 中的回撥Targets
  2. SimpleTarget
  3. 關注 Targets
  4. Target 指定尺寸
  5. ViewTarget
  6. Outlook

http://mrfu.me/2016/02/27/Glide_Thumbnails/

Glide 中的回撥：Targets

目前為止，我們很方便的使用 Glide 建造者去載入圖片到 ImageView 中了。Glide 隱藏了一大堆複雜的在後臺的場景。Glide 做了所有的網路請求和處理在後臺執行緒中，一旦結果準備好了之後，切回到 UI 執行緒然後更新 ImageView。

在這篇部落格中，我們假定 ImageView 不再是影象的最後一步。我們只要 Bitmap 本身。Glide 提供了一個用 Targets 的簡單的方式去接受圖片資源的 Bitmap。Targets 是回撥函式，它在 Glide 做完所有的載入和處理之後返回結果。

Glide 提供了各種的 targets 並且每個都有其明確的目的。我們將在接下來的幾節中通過使用它們。讓我們從 SimpleTarget 開始。

SimpleTarget

看如下程式碼例項：

private SimpleTarget target = new SimpleTarget<Bitmap>() {  
    @Override
    public
 
 void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {
        // do something with the bitmap
        // for demonstration purposes, let's just set it to an ImageView
        imageView1.setImageBitmap( bitmap );
    }
};

private void loadImageSimpleTarget() {  
    Glide
        .with( context ) // could be an issue!
 

        .load( eatFoodyImages[0] )
        .asBitmap()
        .into( target );
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

這段程式碼的第一部分建立了一個欄位物件，聲明瞭一個方法，即一旦 Glide 已載入並處理完影象，它將被呼叫。這個回撥方法傳了 Bitmap 作為一個引數。你之後便可以使用這個 Bitmap 物件，無論你要怎樣用它。

這段程式碼的第二部分是我們如何通過 Glide 用 targets：和 ImageView 用法完全相同的！你既可以傳一個 Target 也可以傳一個ImageView 引數給.into() 方法。Glide 自己將會處理並返回結果給任何一個。這裡有一些不同的是，我們添加了.asBitmap()，它強制 Glide 去返回一個 Bitmap 物件。記住，Glide 也可以載入 Gif 或 video 的。為了防止 target 的衝突（我們需要 Bitmap） 和未知資源在網路背後的 URL(可能是一個 Gif)，我們可以呼叫 .asBitmap() 告訴 Glide 我們需要一個影象。

關注 Targets

除了知道如何實現一個簡單版本的 Glide 的 Target 回撥系統，你要學會額外兩件事。

  • 首先是 SimpleTarget 物件的欄位宣告。從技術上來說，Java/Android 會允許你在 .into() 方法中去宣告 target 的匿名內部類。然而，這大大增加了這樣一個可能性：即在 Glide 做完圖片請求之前， Android 垃圾回收移除了這個匿名內部類物件。最終這可能會導致一個情況，當影象載入完成了，但是回撥再也不會被呼叫。所請確保你所宣告的回撥物件是作為一個欄位物件的，這樣你就可以保護它避免被邪惡的 Android 垃圾回收機制回收 ;

  • 第二個關鍵部分是 Glide 建造者中這行：.with(context)。 這裡的問題實際是 Glide 的功能：當你傳了一個 context（例如是當前應用的 activity），Glide 將會自動停止請求當 activity 已經停止的時候。這整合到了應用的生命週期中通常是非常有幫助的，但是有時工作起來是困難的，如果你的 target 是獨立於應用的 activity 生命週期。這裡的解決方案是用 application 的 context: .with(context.getApplicationContext))。當應用資深完全停止時，Glide 才會殺死這個圖片請求。請求記住，再說一次，如果你的請求需要在 activity 生命週期之外去做時，才用下面這樣的程式碼：

private void loadImageSimpleTargetApplicationContext() {  
    Glide
        .with( context.getApplicationContext() ) // safer!
        .load( eatFoodyImages[1] 
        .asBitmap()
        .into( target2 );
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

Target 指定尺寸

另一個潛在的問題是，target 沒有指明大小。如果你傳一個 ImageView 作為引數給 .into()，Glide 將會用 ImageView 的大小去限制影象的大小。比如說，如果載入的圖片是 1000x1000 畫素的，但是 ImageView 只有 250x250 畫素，Glide 將會減少圖片的尺寸去節省時間和記憶體。很顯然，在和 target 協作的時候並沒有這麼做，因為我們並沒有已知的大小。然而，如果你有一個指定的大小，你可以加強回撥。如果你知道這種圖片應該要多大，你應該在你的回撥宣告中指定它以節省一些記憶體。

private SimpleTarget target2 = new SimpleTarget<Bitmap>( 250, 250 ) {  
    @Override
    public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {
        imageView2.setImageBitmap( bitmap );
    }
};

private void loadImageSimpleTargetApplicationContext() {  
    Glide
        .with( context.getApplicationContext() ) // safer!
        .load( eatFoodyImages[1] )
        .asBitmap()
        .into( target2 );
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

ViewTarget

我們不能直接使用 ImageView 的原因可能是多種多樣的。我們已經向你展示如何去接收一個 Bitmap。現在我們要更進一步。假設你有一個 Custom View。Glide 並不支援載入圖片到自定義 view 中，因為並沒有方法知道圖片應該在哪裡被設定。然而，Glide 可以用 ViewTarget 更容易實現。

讓我們看一個簡單的自定義 View，它繼承自 FrameLayout 並內部使用了一個 ImageView 以及覆蓋了一個TextView。

public class FutureStudioView extends FrameLayout {  
    ImageView iv;
    TextView tv;

    public void initialize(Context context) {
        inflate( context, R.layout.custom_view_futurestudio, this );

        iv = (ImageView) findViewById( R.id.custom_view_image );
        tv = (TextView) findViewById( R.id.custom_view_text );
    }

    public FutureStudioView(Context context, AttributeSet attrs) {
        super( context, attrs );
        initialize( context );
    }

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

    public void setImage(Drawable drawable) {
        iv = (ImageView) findViewById( R.id.custom_view_image );

        iv.setImageDrawable( drawable );
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

你不能使用常規的 Glide 的方法 .into()，因為我們的自定義 view 並不繼承自 ImageView。因此，我們必須建立一個 ViewTarget，並用 .into() 方法：

private void loadImageViewTarget() {  
    FutureStudioView customView = (FutureStudioView) findViewById( R.id.custom_view );

    viewTarget = new ViewTarget<FutureStudioView, GlideDrawable>( customView ) {
        @Override
        public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
            this.view.setImage( resource.getCurrent() );
        }
    };

    Glide
        .with( context.getApplicationContext() ) // safer!
        .load( eatFoodyImages[2] )
        .into( viewTarget );
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

在 target 回撥方法中，我們使用我們建立的方法 setImage(Drawable drawable) 在自定義 view 類中去設定圖片。另外確保你注意到我們必須在ViewTarget 的建構函式中傳遞我們自定義 view 作為引數：new ViewTarget<FutureStudioView, GlideDrawable>(customView)。

這應該涵蓋了所有你需要的自定義 view。你也可以在回撥中新增額外的工作。如，我們可以分析傳入的 Bitmap 的主要的顏色並設定十六進位制值給 TextView。但我們相信你應該已經有一些想法了。

http://mrfu.me/2016/02/27/Glide_Thumbnails/

Glide 中的回撥：Targets

目前為止，我們很方便的使用 Glide 建造者去載入圖片到 ImageView 中了。Glide 隱藏了一大堆複雜的在後臺的場景。Glide 做了所有的網路請求和處理在後臺執行緒中，一旦結果準備好了之後，切回到 UI 執行緒然後更新 ImageView。

在這篇部落格中，我們假定 ImageView 不再是影象的最後一步。我們只要 Bitmap 本身。Glide 提供了一個用 Targets 的簡單的方式去接受圖片資源的 Bitmap。Targets 是回撥函式，它在 Glide 做完所有的載入和處理之後返回結果。

Glide 提供了各種的 targets 並且每個都有其明確的目的。我們將在接下來的幾節中通過使用它們。讓我們從 SimpleTarget 開始。

SimpleTarget

看如下程式碼例項：

private SimpleTarget target = new SimpleTarget<Bitmap>() {  
    @Override
    public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {
        // do something with the bitmap
        // for demonstration purposes, let's just set it to an ImageView
        imageView1.setImageBitmap( bitmap );
    }
};

private void loadImageSimpleTarget() {  
    Glide
        .with( context ) // could be an issue!
        .load( eatFoodyImages[0] )
        .asBitmap()
        .into( target );
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

這段程式碼的第一部分建立了一個欄位物件，聲明瞭一個方法，即一旦 Glide 已載入並處理完影象，它將被呼叫。這個回撥方法傳了 Bitmap 作為一個引數。你之後便可以使用這個 Bitmap 物件，無論你要怎樣用它。

這段程式碼的第二部分是我們如何通過 Glide 用 targets：和 ImageView 用法完全相同的！你既可以傳一個 Target 也可以傳一個ImageView 引數給.into() 方法。Glide 自己將會處理並返回結果給任何一個。這裡有一些不同的是，我們添加了.asBitmap()，它強制 Glide 去返回一個 Bitmap 物件。記住，Glide 也可以載入 Gif 或 video 的。為了防止 target 的衝突（我們需要 Bitmap） 和未知資源在網路背後的 URL(可能是一個 Gif)，我們可以呼叫 .asBitmap() 告訴 Glide 我們需要一個影象。

關注 Targets

除了知道如何實現一個簡單版本的 Glide 的 Target 回撥系統，你要學會額外兩件事。

  • 首先是 SimpleTarget 物件的欄位宣告。從技術上來說，Java/Android 會允許你在 .into() 方法中去宣告 target 的匿名內部類。然而，這大大增加了這樣一個可能性：即在 Glide 做完圖片請求之前， Android 垃圾回收移除了這個匿名內部類物件。最終這可能會導致一個情況，當影象載入完成了，但是回撥再也不會被呼叫。所請確保你所宣告的回撥物件是作為一個欄位物件的，這樣你就可以保護它避免被邪惡的 Android 垃圾回收機制回收 ;

  • 第二個關鍵部分是 Glide 建造者中這行：.with(context)。 這裡的問題實際是 Glide 的功能：當你傳了一個 context（例如是當前應用的 activity），Glide 將會自動停止請求當 activity 已經停止的時候。這整合到了應用的生命週期中通常是非常有幫助的，但是有時工作起來是困難的，如果你的 target 是獨立於應用的 activity 生命週期。這裡的解決方案是用 application 的 context: .with(context.getApplicationContext))。當應用資深完全停止時，Glide 才會殺死這個圖片請求。請求記住，再說一次，如果你的請求需要在 activity 生命週期之外去做時，才用下面這樣的程式碼：

private void loadImageSimpleTargetApplicationContext() {  
    Glide
        .with( context.getApplicationContext() ) // safer!
        .load( eatFoodyImages[1] 
        .asBitmap()
        .into( target2 );
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

Target 指定尺寸

另一個潛在的問題是，target 沒有指明大小。如果你傳一個 ImageView 作為引數給 .into()，Glide 將會用 ImageView 的大小去限制影象的大小。比如說，如果載入的圖片是 1000x1000 畫素的，但是 ImageView 只有 250x250 畫素，Glide 將會減少圖片的尺寸去節省時間和記憶體。很顯然，在和 target 協作的時候並沒有這麼做，因為我們並沒有已知的大小。然而，如果你有一個指定的大小，你可以加強回撥。如果你知道這種圖片應該要多大，你應該在你的回撥宣告中指定它以節省一些記憶體。

private SimpleTarget target2 = new SimpleTarget<Bitmap>( 250, 250 ) {  
    @Override
    public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {
        imageView2.setImageBitmap( bitmap );
    }
};

private void loadImageSimpleTargetApplicationContext() {  
    Glide
        .with( context.getApplicationContext() ) // safer!
        .load( eatFoodyImages[1] )
        .asBitmap()
        .into( target2 );
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

ViewTarget

我們不能直接使用 ImageView 的原因可能是多種多樣的。我們已經向你展示如何去接收一個 Bitmap。現在我們要更進一步。假設你有一個 Custom View。Glide 並不支援載入圖片到自定義 view 中，因為並沒有方法知道圖片應該在哪裡被設定。然而，Glide 可以用 ViewTarget 更容易實現。

讓我們看一個簡單的自定義 View，它繼承自 FrameLayout 並內部使用了一個 ImageView 以及覆蓋了一個TextView。

public class FutureStudioView extends FrameLayout {  
    ImageView iv;
    TextView tv;

    public void initialize(Context context) {
        inflate( context, R.layout.custom_view_futurestudio, this );

        iv = (ImageView) findViewById( R.id.custom_view_image );
        tv = (TextView) findViewById( R.id.custom_view_text );
    }

    public FutureStudioView(Context context, AttributeSet attrs) {
        super( context, attrs );
        initialize( context );
    }

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

    public void setImage(Drawable drawable) {
        iv = (ImageView) findViewById( R.id.custom_view_image );

        iv.setImageDrawable( drawable );
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

你不能使用常規的 Glide 的方法 .into()，因為我們的自定義 view 並不繼承自 ImageView。因此，我們必須建立一個 ViewTarget，並用 .into() 方法：

private void loadImageViewTarget() {  
    FutureStudioView customView = (FutureStudioView) findViewById( R.id.custom_view );

    viewTarget = new ViewTarget<FutureStudioView, GlideDrawable>( customView ) {
        @Override
        public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
            this.view.setImage( resource.getCurrent() );
        }
    };

    Glide
        .with( context.getApplicationContext() ) // safer!
        .load( eatFoodyImages[2] )
        .into( viewTarget );
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

在 target 回撥方法中，我們使用我們建立的方法 setImage(Drawable drawable) 在自定義 view 類中去設定圖片。另外確保你注意到我們必須在ViewTarget 的建構函式中傳遞我們自定義 view 作為引數：new ViewTarget<FutureStudioView, GlideDrawable>(customView)。

這應該涵蓋了所有你需要的自定義 view。你也可以在回撥中新增額外的工作。如，我們可以分析傳入的 Bitmap 的主要的顏色並設定十六進位制值給 TextView。但我們相信你應該已經有一些想法了。

相關推薦

Glide 入門到精通之九——SimpleTarget 和 ViewTarget 用於自定義檢視類

目錄(?)[+] Glide 中的回撥Targets SimpleTarget 關注 Targets Target 指定尺寸 ViewTarget Outlook http://mrfu.me/201

Django入門系列之(Django簡介和rom簡單介紹)

1 django中app的概念: 大學:----------------- 專案 資訊學院 ----------app01 物理學院-----------app02 ****強調***:建立了app,要在配置檔案中註冊 ...2 模板路徑配置: 1 templates資料夾 2 settings裡註冊一下 3

【OpenCV入門教程之九】 非線性濾波專場 中值濾波 雙邊濾波

                正如我們上一篇文章中講到的，線性濾波可以實現很多種不同的影象變換。然而非線性濾波，如中值濾波器和雙邊濾波器，有時可以達到更好的實現效果。鄰域運算元的其他一些例子還有對二值影象進行操作的形態學運算元，用於計算距離變換和尋找連通量的半全域性運算元。 先上一張截圖：一、理論與概念講解

Glide入門教程——12.異常: 除錯和報錯處理

文／簽到錢就到（簡書作者） 原文連結：http://www.jianshu.com/p/75aa0e4cd33f著作權歸作者所有，轉載請聯絡作者獲得授權，並標註“簡書作者”。 本地除錯 Glide的常規請求裡提供了一個方法設定Log的層級。不幸地是，你沒法輕易在產品使用中輕易獲取。但，也有一個很簡單的方法

Packet Tracer 思科模擬器入門教程 之九 路由器的基本配置

實驗目標      掌握路由器幾種常用配置方法； 掌握採用Console線纜配置路由器的方法； 掌握採用Telnet方式配置路由器的方法； 熟悉路由器不同的命令列操作模式以及各種模式之間的切換； 掌握路由器的基本配

Scrapy入門教程之詳細介紹和一個很好的例子

Scrapy入門教程之詳細介紹和一個很好的例子 Scrapy，Python開發的一個快速、高層次的螢幕抓取和web抓取框架，用於抓取web站點並從頁面中提取結構化的資料。Scrapy用途廣泛，可以用於資料探勘、監測和自動化測試。 Scrapy吸引人的地方在於它是一個框架，任何人都可以根據

Python程式設計基礎之九錯誤和異常

一、簡介   Python最強大的結構之一就是它的異常處理能力，所有的標準異常都使用類來實現，都是基類Exception的成員，都從基類Exception繼承，而且都在exceptions模組中定義。Python自動將所有異常名稱放在內建名稱空間中，所以程式不必匯入exc

OpenGL入門學習之九——使用混合來實現半透明效果

混合是什麼呢？混合就是把兩種顏色混在一起。具體一點，就是把某一畫素位置原來的顏色和將要畫上去的顏色，通過某種方式混在一起，從而實現特殊的效果。 假設我們需要繪製這樣一個場景：透過紅色的玻璃去看綠色的物體，那麼可以先繪製綠色的物體，再繪製紅色玻璃。在繪製紅色玻璃的時候，利用“

Java併發程式設計從入門到精通 之 第四章 執行緒安全的集合類

java.util.HashTable：-1 說明：Hashtable函式均為同步，是執行緒安全，key,value均不能為null。-2 基本方法：get(), put(), remove(), clear(), putAll(), contains(),containsK

大資料入門教程系列之Hive內建函式及自定義函式

本篇文章主要介紹Hive內建函式以及自定義UDF函式和UDFT函式，自定義UDF函式通過一個國際轉換中文的例子說明。 操作步驟： ①、準備資料和環境 ②、演示Hive內建函式 ③、自定義UDF函式編寫、演示   詳細步驟： 一、準備資料和

Vue入門和基礎——Vue自定義元件基礎

Vue入門和基礎（五） 前言：vue官網上關於vue元件的介紹，感覺內容很多很詳細，這裡介紹vue元件的一些基本使用方法。 1：註冊元件 首先vue的元件註冊就是使用Vue.component()方法，先定義元件的名字，然後傳入這個元件的配置項。詳細程式碼如下： <div i

Node.js入門- CommonJs 和 Nodejs 中自定義模組

CommonJs 和 Nodejs 中自定義模組 一、什麼是 CommonJs？ CommonJS 是模組化的標準，nodejs 是 CommonJS（模組化）的實現 二、Nodejs 中的模組化 2.1 在 Node 中，模組分為兩類: 一類是 Node 提供

Vue之model屬性和404頁面的定義

model屬性 當router的moder屬性為hash時，訪問路徑會自動加上#/ http://localhost:8080/about#/ 當router的moder屬性為history時，

android之4.0控制元件switch自定義開關背景圖片和控制寬度

<style name="widget_gender_switch">        <item name="android:layout_height">wrap_content</item>        <item name=

18)django-模板的過濾器和tag，自定義simple_tag和filter

hello 直接 結果 from simple 使用 span 裝飾 san 模板過濾器是在變量被顯示前修改它的值的一個簡單方法。 過濾器使用管道字符 . 模板標簽(template tag) 。標簽(tag)定義比較明確，即： 僅通知模板系統完成某些工作的標簽。 一：d

Kivy 中文教程 實例入門 簡易畫板 (Simple Paint App)：1. 自定義窗口部件 (widget)

mage 動作 顯示 lac one 參數 sublime elf 入門 1. 框架代碼 用 PyCharm 新建一個名為 SimplePaintApp 的項目，然後新建一個名為 simple_paint_app.py 的 Python 源文件， 在代碼編輯器中，輸入以下框

Android開發之漫漫長途 番外篇——自定義View的各種姿勢2

是個 pub water 常用 getchild mod one 它的 sdn 該文章是一個系列文章，是本人在Android開發的漫漫長途上的一點感想和記錄，我會盡量按照先易後難的順序進行編寫該系列。該系列引用了《Android開發藝術探索》以及《深入理解Android 卷

ios開發之--仿（微信）自定義表情鍵盤

lai signed avi 創建 不能 url div load mps 先附上demo：https://github.com/hgl753951/CusEmoji.git 效果圖如下： 先說下具體的實現功能： 1，本地加載了一些H5的代碼，直接使用webview的lo

weex 項目開發（五）自定義 過濾函數 和 混合 及 自定義 Header 組件

定義 blog weex top ber slice ear notice earch 1.自定義 過濾函數 src / filters / index.js /** * 自定義 過濾函數 */ export function host (url) { if (

cookie和session以及自定義分頁

cookie值 無法 解析 link try render 強制 raise 需求 cookie Cookie的由來 大家都知道HTTP協議是無狀態的。 無狀態的意思是每次請求都是獨立的，它的執行情況和結果與前面的請求和之後的請求都無直接關系，它不會受前面的請求響應情況直