1. 程式人生 > >Xamarin.Android Binding 源自github第三方庫的綁定(高級教學)----aar文件

Xamarin.Android Binding 源自github第三方庫的綁定(高級教學)----aar文件

復制 git png 簡單的 picasso roc 這一 高級 終極

初級教學(包含Xamarin.GradleBindings插件的安裝)

中級教學

今天我們來到了高級教學,今天要綁定一個Github上將近4000star的一個項目---------Android圖片輪播控件: banner

今天會處理不少的Error,這是與初級中級教學,最大的不同部分.

特此感謝,Xamarin University Chris 老師對這個Banner庫綁定的幫助.

我們先看一下效果圖

技術分享技術分享

Let‘s Rock-n-roll

1.vs2017----創建Android---單一視圖應用----名稱BannerProject

2.解決方案BannerProject--->引用(右鍵)--->Generate Xamarin.Android Bindings via gradle

3.在Banner項目的github readme頁面找到這一句

Gradle

dependencies{
    compile com.youth.banner:banner:1.4.10//最新版本
}

4.根據那個庫的作者所寫的compile

,填寫 External dependency id: com.youth.banner:banner:1.4.10

技術分享

5.右鍵解決方案,安裝nuget包:Xamarin.Android.Support.v4

技術分享

6.重新生成解決方案.

7.你會得到55個錯誤,43個警告(今天我們只解決錯誤,不解決警告)

技術分享

今天的重頭戲來了,這是前面的初級和高級教學所不涵蓋的部分,請認真仔細的跟著步驟走

我當時表示一臉懵逼,第一次碰到那麽多的error!!!黑人問號

8.先按常規處理,解決命名空間與類名沖突這個問題.

打開Binding_Banner項目----->Transforms文件夾-----Metadata.xml文件

在metadata裏面添加

<metadata>

<!-- Renaming the Namespace to make sure we do not have Class names that match Namespace names -->
  <
attr path="/api/package[@name=‘com.youth.banner‘]" name="managedName">Youth.BannerSdk</attr>   <attr path="/api/package[@name=‘com.youth.banner.transformer‘]" name="managedName">Youth.BannerSdk.Transform</attr>   <attr path="/api/package[@name=‘com.youth.banner.listener‘]" name="managedName">Youth.BannerSdk.Listener</attr>   <attr path="/api/package[@name=‘com.youth.banner.loader‘]" name="managedName">Youth.BannerSdk.Loader</attr>   <attr path="/api/package[@name=‘com.youth.banner.view‘]" name="managedName">Youth.BannerSdk.View</attr> </metadata>

技術分享

9.重新生成解決方案,voila,是不是少了52個錯誤,只有3個錯誤了!!!哈哈哈,神奇神奇真神奇............

技術分享

10.嗯哼,這三個小毛賊,只是修飾符的問題.

no problem, let‘s do it.

還是在Metadata.xml文件裏進行操作.

添加以下代碼

<!--  Update visibility of override methods to match Abstract class  -->
   
    <attr path="/api/package[@name=‘com.youth.banner.transformer‘]/class[@name=‘CubeInTransformer‘]/method[@name=‘isPagingEnabled‘ and count(parameter)=0]" name="visibility">protected</attr>
    <attr path="/api/package[@name=‘com.youth.banner.transformer‘]/class[@name=‘CubeOutTransformer‘]/method[@name=‘isPagingEnabled‘ and count(parameter)=0]" name="visibility">protected</attr>
    <attr path="/api/package[@name=‘com.youth.banner.transformer‘]/class[@name=‘DefaultTransformer‘]/method[@name=‘isPagingEnabled‘ and count(parameter)=0]" name="visibility">protected</attr>

技術分享

11.重新生成解決方案.voila, WTF, 終極Boss出現了???

為什麽出現了一個新的錯誤????????

技術分享

12. 專治小毛賊與老毛賊!!!!!!!!!!!!!!!

還是在Metadata.xml文件裏進行操作.

添加以下代碼(至於為什麽那麽做,我準備做一個視頻詳細介紹一下,今晚沒太多時間做這個....總之Mark,Mark,Mark)

  <!--  DisplayImage is not Implemented  -->
  <remove-node path="/api/package[@name=‘com.youth.banner.loader‘]/class[@name=‘ImageLoader‘]" />

技術分享

13.重新生成解決方案,沒有任何的錯誤,是不是? 小毛賊老毛賊都消失了............

========== 全部重新生成: 成功 2 個,失敗 0 個,跳過 0 個 ==========

Awesome

14.打開BannerProject\BannerProject\AndroidBindings\Binding_Banner\bin\Debug 找到Binding_Banner.dll文件,復制到別的地方,然後保存起來,千萬別弄丟了.

15.我們要幹掉Binding_Banner這個項目,右鍵 移除

16.在BannerProject項目裏引用剛才保存的Binding_Banner.dll文件。

技術分享

17.引用Binding_Picasso.dll文件(這個庫是jar文件格式的,我已經把它轉成了dll,我把這個庫的github鏈接留在這裏,你們可以自己去做這個綁定,很簡單的)

https://github.com/square/picasso

compile ‘com.squareup.picasso:picasso:2.5.2

因為我們使用Banner這個第三方庫需要使用Picasso這個庫(如果你自己做不好這個綁定,在文章下面留言,我教你,或者把這個picasso.dll發給你)

========================激動人心的時刻到了==========================================

==========================================================================

18.添加MyImageLoader類,讓我們一起來寫吧

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using Android.App;
using Android.Content;
using Android.OS;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Com.Squareup.Picasso;
using Youth.BannerSdk.Loader;

namespace BannerProject
{
    public class MyImageLoader : Java.Lang.Object, IImageLoaderInterface
    {
        public Java.Lang.Object CreateImageView(Context p0)
        {
            ImageView imageView = new ImageView(p0);
            return imageView;
        }

        public void DisplayImage(Context p0, Java.Lang.Object p1, Java.Lang.Object p2)
        {
            var temp = p1.ToString();
            Picasso.With(p0).Load(temp).Into((ImageView)p2);
        }
    }
}

19.打開Resources\layout\Main.axml文件,點擊source, 替換成以下代碼

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.youth.banner.Banner xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/banner"
        android:layout_width="match_parent"
        android:layout_height="600px" />
</LinearLayout>

20.返回到MainActivity, 註意一下命名空間,替換整個OnCreate方法裏的代碼


using System;
using Android.App;
using Android.Content;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Android.OS;
using Youth.BannerSdk;
using System.Collections.Generic;



protected override void OnCreate(Bundle bundle) { base.OnCreate(bundle); // Set our view from the "main" layout resource SetContentView(Resource.Layout.Main); Banner banner = FindViewById
<Banner>(Resource.Id.banner); banner.SetBannerStyle(BannerConfig.CircleIndicatorTitle); //================================================================ var titles = new List<string>() { "My name is 1", "My name is 2", "My name is 3", "My name is 4", "My name is 5" }; var images = new List<object> { "http://img.hb.aicdn.com/a0f3cca7aa8e82293c44ef60d8482bb9978499572e121-dr2lA2_fw658", "http://img.hb.aicdn.com/f65b64b9ded69b9b72fccbc2931e6745637953dccf97-WnASP1_fw658", "http://img.hb.aicdn.com/3ccb5d8152c42be1a4801701bd6ac22d5260e2f016298-xljvbk_fw658", "http://img.hb.aicdn.com/8e1a941b74a8a86736b4c3315985dad6c5c6cc301241e-gFIkPc_fw658", "http://img.hb.aicdn.com/6935c4116e47ffb4c39edd0fc4938f99dacb233f136168-0ukCWn_fw658" }; banner.SetImageLoader(new MyImageLoader()); //設置圖片集合 banner.SetImages(images); //----------test----- banner.SetBannerStyle(BannerConfig.CircleIndicatorTitleInside); banner.SetBannerAnimation(Transformer.Accordion); //-----------test--- banner.SetBannerTitles(titles); //banner設置方法全部調用完畢時最後調用 banner.Start(); //=================================================== }

21.點擊 開始調試

22.大功告成!!!-------這個Banner庫裏有很多的動畫可以調用-----

banner.SetBannerAnimation(Transformer.Accordion); //修改Transformer.後面的代碼就可以了

技術分享技術分享

技術分享

PS:如果你想深入研究這個庫的用法,反正我們已經轉成dll了,而且已經學會了基本的操作,你只要按照github上作者的介紹一步步做就可以了,或者你直接閱讀源碼或者文檔.

添加權限到你的 AndroidManifest.xml(在Properties裏面,在引用的上面,仔細找一下,就能找到這個文件)

<!-- if you want to load images from the internet -->
<uses-permission android:name="android.permission.INTERNET" /> 

<!-- if you want to load images from a file OR from the internet -->
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
我的項目就沒添加這兩行,尤其是第一行,好像也沒什麽問題,具體看你的真機或者是模擬器的情況吧。
好吧,今天就到這裏了.

Xamarin.Android Binding 源自github第三方庫的綁定(高級教學)----aar文件