Xamarin.Android Binding 源自github第三方库的绑定(高级教学)----aar文件

初级教学(包含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" />
我的项目就没添加这两行,尤其是第一行,好像也没什么问题,具体看你的真机或者是模拟器的情况吧。
好吧,今天就到这里了.
posted @ 2017-10-03 00:10  牛肉汤先生  阅读(1624)  评论(3编辑  收藏  举报