• XamarinAndroid组件教程RecylerView动画组件使用动画(3)


    XamarinAndroid组件教程RecylerView动画组件使用动画(3)

    (8)打开Main.axml文件,构建主界面。代码如下:

    <?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">
    
      <android.support.v7.widget.Toolbar
    
          android:id="@+id/tool_bar"
    
          android:layout_width="match_parent"
    
          android:layout_height="wrap_content"
    
          android:background="#3DC49D"
    
          android:minHeight="?attr/actionBarSize">
    
          <RelativeLayout
    
              android:layout_width="match_parent"
    
              android:layout_height="wrap_content">
    
              <TextView
    
                  android:id="@+id/del"
    
                  android:layout_width="wrap_content"
    
                  android:layout_height="wrap_content"
    
                  android:layout_alignParentRight="true"
    
                  android:layout_centerInParent="true"
    
                  android:background="?attr/selectableItemBackground"
    
                  android:padding="10dp"
    
                  android:text="DEL"/>
    
              <TextView
    
                  android:id="@+id/add"
    
                  android:layout_width="wrap_content"
    
                  android:layout_height="wrap_content"
    
                  android:layout_toLeftOf="@id/del"
    
                  android:layout_centerInParent="true"
    
                  android:background="?attr/selectableItemBackground"
    
                  android:padding="10dp"
    
                  android:text="ADD"/>
    
          </RelativeLayout>
    
      </android.support.v7.widget.Toolbar>
    
      <android.support.v7.widget.RecyclerView
    
          android:id="@+id/list"
    
          android:layout_width="match_parent"
    
          android:layout_height="match_parent"/>
    
    </LinearLayout>
    

      

    (9)打开MainActivity.cs文件,设置RecylerView子元素添加和删除时的动画效果。代码如下:

    using Android.App;
    
    using Android.Widget;
    
    using Android.OS;
    
    using Android.Support.V7.Widget;
    
    using System.Linq;
    
    using RecyclerViewAnimators.Animators;
    
    using Android.Support.V7.App;
    
    namespace RecylerViewAnimatorsItemAnimator
    
    {
    
        [Activity(Label = "RecylerViewAnimatorsItemAnimator", MainLauncher = true, Icon = "@mipmap/icon", Theme = "@style/AppTheme")]
    
        public class MainActivity : AppCompatActivity
    
        {
    
            static readonly string[] data = {
    
                "Apple", "Ball", "Camera", "Day", "Egg", "Foo", "Google", "Hello", "Iron", "Japan", "Coke",
    
                "Dog", "Cat", "Yahoo", "Sony", "Canon", "Fujitsu", "USA", "Nexus", "LINE", "Haskell", "C++",
    
                "Java", "Go", "Swift", "Objective-c", "Ruby", "PHP", "Bash", "ksh", "C", "Groovy", "Kotlin",
    
                "Chip", "Japan", "U.S.A", "San Francisco", "Paris", "Tokyo", "Silicon Valley", "London",
    
                "Spain", "China", "Taiwan", "Asia", "New York", "France", "Kyoto", "Android", "Google", "C#",
    
                "iPhone", "iPad", "iPod", "Wasabeef", "Xamarin", "South Africa", "Cape Town", "Microsoft"
    
            };
    
            protected override void OnCreate(Bundle savedInstanceState)
    
            {
    
                base.OnCreate(savedInstanceState);
    
                SetContentView(Resource.Layout.Main);
    
                var toolbar = FindViewById<Android.Support.V7.Widget.Toolbar>(Resource.Id.tool_bar);
    
                SetSupportActionBar(toolbar);
    
                SupportActionBar.SetDisplayShowTitleEnabled(false);
    
                var recyclerView = FindViewById<RecyclerView>(Resource.Id.list);
    
                recyclerView.SetLayoutManager(new LinearLayoutManager(this));              //设置布局管理
    
                var datalist = data.ToList<string>();
    
                var adapter = new DataAdapter(this, datalist);
    
                recyclerView.SetAdapter(adapter);                                                                        //设置适配器
    
                recyclerView.SetItemAnimator(new FlipInLeftYAnimator());                        //设置动画效果
    
                //添加子元素
    
                FindViewById(Resource.Id.add).Click += (sender, e) => {
    
                    adapter.Add("newly added item", 1);
    
                };
    
                //删除子元素
    
                FindViewById(Resource.Id.del).Click += (sender, e) => {
    
                    adapter.Remove(1);
    
                };
    
            }
    
        }
    
    }
    

      

    运行程序后,初始状态如图1.1所示。轻拍Add按钮,实现子元素的添加,在添加子元素的时候会伴有指定动画效果,如图1.2所示。轻拍DEL按钮,实现子元素的删除,在子元素删除的过程中也会伴有指定的动画效果。

     

    图1.1  初始状态                          图1.2  添加数据

  • 相关阅读:
    DIV+CSS列表式布局(同意图片的应用)
    Cache 应用程序数据缓存
    mysql 中 isnull 和 ifnull 判断字段是否为null
    Logo图标快速生成软件(Sothink Logo Maker) v3.5 官方设计师版
    Linqer工具
    mvc学习视频
    MvcPager注意版本与mvc的版本
    此版本的 SQL Server 不支持用户实例登录标志。该连接将关闭“的解决
    ASP.NET 免费开源控件
    逆向知识之CS1.6辅助/外挂专题.1.实现CS1.6主武器副武器无限子弹
  • 原文地址:https://www.cnblogs.com/daxueba-ITdaren/p/9049843.html
Copyright © 2020-2023  润新知