安卓-底部导航实现笔记

底部导航的实现

  • menu的创建
    在menu.xml中创建底部导航的项。包括图标和标题：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <menu xmlns:android="http://schemas.android.com/apk/res/android">
        <item
            android:id="@+id/homeFragment"
            android:icon="@drawable/icon_home_foreground"
            android:title="@string/home" />
        <item
            android:id="@+id/writeFragment"
            android:icon="@drawable/icon_write_foreground"
            android:title="@string/write" />
        <item
            android:id="@+id/myFragment"
            android:icon="@drawable/icon_my_foreground"
            android:title="@string/my" />
    </menu>
  • 在activity_main中添加BottomNavigationView，并将上述menu设置于BottomNavigationView
    1
    app:menu="@menu/bottom_nav_menu"
  • 创建三个Fragment:HomeFragment、WriteFragment、MyFragment，并创建对应的xml文件
  • 创建navigation文件：nav_graph，将上述三个Fragment置于该文件中
  • 在activity_main中添加FragmentContainerView用于展示以上三个Fragment
  • 实现点击底部导航切换对应Fragment
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    BottomNavigationView bottomNavigationView = findViewById(R.id.bottomNavigationView);
    NavHostFragment navHostFragment = (NavHostFragment) getSupportFragmentManager().findFragmentById(R.id.fragment_host);
    final NavController navController = navHostFragment.getNavController();
    AppBarConfiguration configuration = new AppBarConfiguration.Builder(R.id.homeFragment, R.id.writeFragment,R.id.myFragment).build();
    NavigationUI.setupActionBarWithNavController(this, navController, configuration);
    NavigationUI.setupWithNavController(bottomNavigationView, navController);
    bottomNavigationView.setOnNavigationItemReselectedListener(new BottomNavigationView.OnNavigationItemReselectedListener() {
        @Override
        public void onNavigationItemReselected(@NonNull MenuItem menuItem) {
            if (currentId != menuItem.getItemId()){
                navController.navigate(menuItem.getItemId());
                currentId = menuItem.getItemId();
            }
        }
    });
  • 关键之处
    menu.xml中对应item的id应与对应Fragment的id一致

展开全文 >>

安卓开发——RecyclerView

1 RecyclerView简介

RecyclerView是Android开发中强大的控件，可以实现ListView、GridView以及StaggeredView（瀑布流），并支持垂直滚动和水平滚动两种方式。
本文介绍这三种View的垂直和水平滚动实现方法。

2 RecyclerView的实现

RecyclerView的实现由三个步骤组成：

  • 使用布局管理器确定布局
  • 设计布局条目的外观和点击事件
  • 定义指定布局的Adapter显示数据

2.1 列表布局的实现

  • 设置RecyclerView样式为列表布局，并设置垂直或水平布局
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    private void showList(boolean isVertical, boolean isReverse) {
        //设置RecyclerView样式
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);

        // 设置水平or垂直
        layoutManager.setOrientation(isVertical ? LinearLayoutManager.VERTICAL : LinearLayoutManager.HORIZONTAL);
        layoutManager.setReverseLayout(isReverse);
        mList.setLayoutManager(layoutManager);

        // 创建适配器
        mAdapter = new ListViewAdapter(mData);
        //设置到RecyclerView中
        mList.setAdapter(mAdapter);

        // 初始化点击事件
        initListener();
    }
  • 定义Adapter，重构后的BaseAdapter，三种布局Adapter均继承之
    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
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    public abstract class RecyclerViewBaseAdapter extends RecyclerView.Adapter<RecyclerViewBaseAdapter.InnerHolder> {
        private final List<ItemBean> mData;
        private OnItemClickListener mOnItemClickListener;

        public RecyclerViewBaseAdapter(List<ItemBean> data) {
            this.mData = data;
        }

        @Override
        public InnerHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View view = getSubView(parent, viewType);
            return new InnerHolder(view);
        }

        protected abstract View getSubView(ViewGroup parent, int viewType);

        /**
         * 这个方法用来绑定holder，设置数据
         *
         * @param holder
         * @param position
         */
        @Override
        public void onBindViewHolder(@NonNull RecyclerViewBaseAdapter.InnerHolder holder, int position) {
            // 在这里设置数据
            holder.setData(mData.get(position), position);
        }

        /**
         * 返回条目的数目
         *
         * @return
         */
        @Override
        public int getItemCount() {
            if (mData != null) {
                return mData.size();
            }
            return 0;
        }

        public void setOnItemClickListener(OnItemClickListener listener) {
            //设置一个接口
            this.mOnItemClickListener = listener;

        }

        public interface OnItemClickListener {
            void onItemClick(int position);
        }

        public class InnerHolder extends RecyclerView.ViewHolder {
            private final ImageView mIcon;
            private final TextView mTitle;
            private int mPosition;

            public InnerHolder(@NonNull View itemView) {
                super(itemView);

                // 找到条目控件
                mIcon = itemView.findViewById(R.id.icon);
                mTitle = itemView.findViewById(R.id.title);

                itemView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        if (mOnItemClickListener != null) {
                            mOnItemClickListener.onItemClick(mPosition);
                        }
                    }
                });
            }

            public void setData(ItemBean itemBean, int position) {
                this.mPosition = position;
                mIcon.setImageResource(itemBean.icon);
                mTitle.setText(itemBean.title);
            }
        }
    }
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    public class ListViewAdapter extends RecyclerViewBaseAdapter {

        public ListViewAdapter(List<ItemBean> data) {
            super(data);
        }

        @Override
        protected View getSubView(ViewGroup parent, int viewType) {
            View view = View.inflate(parent.getContext(), R.layout.item_list_view, null);
            return view;
        }
    }

2.2 网格布局的实现

  • 设置RecyclerView样式为网格布局，并设置垂直或水平布局
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     private void showGrid(boolean isVertical, boolean isReverse) {
        //创建布局管理器
        GridLayoutManager layoutManager = new GridLayoutManager(this, 3);
        layoutManager.setOrientation(isVertical ? GridLayoutManager.VERTICAL : GridLayoutManager.HORIZONTAL);
        layoutManager.setReverseLayout(isReverse);

        //设置布局管理器
        mList.setLayoutManager(layoutManager);

        //创建适配器
        mAdapter = new GridViewAdapter(mData);
        //设置适配器
        mList.setAdapter(mAdapter);

        // 初始化点击事件
        initListener();
    }
  • GridViewAdapter
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    public class GridViewAdapter extends RecyclerViewBaseAdapter {

        public GridViewAdapter(List<ItemBean> data) {
            super(data);
        }

        @Override
        protected View getSubView(ViewGroup parent, int viewType) {
            View view = View.inflate(parent.getContext(), R.layout.item_grid_view, null);
            return view;
        }
    }

2.3 瀑布流布局的实现

  • 设置RecyclerView样式为瀑布流布局，并设置垂直或水平布局
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    private void showStagger(boolean isVertical, boolean isReverse) {
        //布局管理器
        StaggeredGridLayoutManager layoutManager = new StaggeredGridLayoutManager(2, isVertical ? StaggeredGridLayoutManager.VERTICAL : StaggeredGridLayoutManager.HORIZONTAL);
        //设置布局管理器
        layoutManager.setReverseLayout(isReverse);

        //设置管理器到RecyclerView
        mList.setLayoutManager(layoutManager);

        //创建适配器
        mAdapter = new StaggerAdapter(mData);
        //设置适配器
        mList.setAdapter(mAdapter);

        // 初始化点击事件
        initListener();
    }
  • StaggerAdapter
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    public class StaggerAdapter extends RecyclerViewBaseAdapter {
        public StaggerAdapter(List<ItemBean> data) {
            super(data);
        }

        @Override
        protected View getSubView(ViewGroup parent, int viewType) {
            View view = View.inflate(parent.getContext(), R.layout.item_stagger_item, null);
            return view;
        }
    }

多种Item样式共同显示

  • 这种布局主要考虑Adapter的定义
    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
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    public class MultiTypeAdapter extends RecyclerView.Adapter {

        //定义三种条目类型
        public static final int TYPE_FULL_IMAGE = 0;
        public static final int TYPE_RIGHT_IMAGE = 1;
        public static final int TYPE_THREE_IMAGES = 2;

        private final List<MultiTypeBean> mData;

        public MultiTypeAdapter(List<MultiTypeBean> data){
            this.mData = data;
        }

        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            View view = null;
            if(viewType == TYPE_FULL_IMAGE){
                view = View.inflate(parent.getContext(), R.layout.item_type_full_img, null);
                return new FullImageHolder(view);
            }else if(viewType == TYPE_RIGHT_IMAGE) {
                view = View.inflate(parent.getContext(), R.layout.item_type_right_img, null);
                return new RightImageHolder(view);
            }else{
                view = View.inflate(parent.getContext(), R.layout.item_type_three_img, null);
                return new ThreeImageHolder(view);
            }
        }

        @Override
        public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {

        }

        @Override
        public int getItemCount() {
            if (mData != null) {
                return mData.size();
            }
            return 0;
        }

        //复写getItemViewType，返回条目类型
        @Override
        public int getItemViewType(int position) {
            MultiTypeBean multiTypeBean = mData.get(position);
            return multiTypeBean.type;
        }

        private class FullImageHolder extends RecyclerView.ViewHolder{

            public FullImageHolder(@NonNull View itemView) {
                super(itemView);
            }
        }

        private class RightImageHolder extends RecyclerView.ViewHolder{

            public RightImageHolder(@NonNull View itemView) {
                super(itemView);
            }
        }

        private class ThreeImageHolder extends RecyclerView.ViewHolder{

            public ThreeImageHolder(@NonNull View itemView) {
                super(itemView);
            }
        }
    }

完整代码见github

展开全文 >>

在安卓上实现一个桌面宠物APP

1 桌面宠物APP需求分析

1.1 项目简介

使用安卓开发实现一个类似QQ宠物的桌面宠物APP。

1.2 灵感来源

之前看到360安全卫士在安卓桌面实现悬浮窗的功能，我想利用悬浮窗这个想法来实现一个全局安卓桌面宠物APP。

1.3 实现功能

• 宠物成长功能：根据手机使用时长实现宠物进化升级的功能，主要是宠物形态的变化；
• 随意移动宠物；
• 点击宠物打开功能菜单：包括照相、购物和回家功能；
• 打开APP首页；
• 打开淘宝首页；
• 打开照相机；
• 未完待续。

2 桌面宠物APP实现分析

2.1 悬浮窗的实现

基于Android开发四大组件之一的Service实现悬浮窗。
• 定义PetWindowService类继承Service类

1
public class PetWindowService extends Service{...}

• 用WindowManager类来实现悬浮窗的窗体参数的设置。

1
wm = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
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
28
29
30
31
32
private void showPetView() {
    //获取屏幕宽度和高度
    winWidth = wm.getDefaultDisplay().getWidth();
    winHeight = wm.getDefaultDisplay().getHeight();
    params = new WindowManager.LayoutParams();

    int LAYOUT_FLAG;
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
        LAYOUT_FLAG = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
    } else {
        LAYOUT_FLAG = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
    }
    // 自定义宠物窗体params.height = WindowManager.LayoutParams.WRAP_CONTENT;
    params.width = WindowManager.LayoutParams.WRAP_CONTENT;
    // 屏幕左上角对齐
    params.gravity = Gravity.LEFT + Gravity.TOP;
    params.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
                | WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON;
    params.format = PixelFormat.TRANSLUCENT;
    params.type = LAYOUT_FLAG;

    // 加入宠物窗体
    petView = View.inflate(this, R.layout.activity_pet, null);
    // 悬浮窗功能菜单控件
    imageView = petView.findViewById(R.id.petView);
    imgHome = petView.findViewById(R.id.imgHome);
    imgCart = petView.findViewById(R.id.imgCart);
    imgCamera = petView.findViewById(R.id.imgCamera);
    petNameView = petView.findViewById(R.id.petName);

    wm.addView(petView, params);
}

• 实现宠物拖拽。

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
// 实现拖拽宠物
imageView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:

                startX = (int) event.getRawX();
                startY = (int) event.getRawY();
                break;

            case MotionEvent.ACTION_MOVE:
                int moveX = (int) event.getRawX();
                int moveY = (int) event.getRawY();

                int disX = moveX - startX;
                int disY = moveY - startY;

                params.x = params.x + disX;
                params.y = params.y + disY;

                if (params.x < 0) {
                    params.x = 0;
                }

                if (params.y < 0) {
                    params.y = 0;
                }

                if (params.x > winWidth - petView.getWidth()) {
                    params.x = winWidth - petView.getWidth();
                }

                if (params.y > winHeight - petView.getHeight()) {
                    params.y = winHeight - petView.getHeight();
                }

                wm.updateViewLayout(petView, params);

                startX = (int) event.getRawX();
                startY = (int) event.getRawY();
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        return false;
    }
});

2.2 宠物功能菜单栏的实现

• 实现功能菜单栏，主要是ImageView的监听事件
实现菜单开关：使用count计数来判断奇数单击还是偶数单击对应打开菜单和关闭菜单。
控制菜单可见方法：ImageView控件的setVisibility方法包括三个属性：VISIBLE、GONE、INVISIBLE，分别表示控件可见、不可见且不占位、不可见且占位。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// 实现单击打开菜单,第二次关闭菜单
imageView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        count++;
        if(count % 2 == 1){
            imgHome.setVisibility(View.VISIBLE);
            imgCamera.setVisibility(View.VISIBLE);
            imgCart.setVisibility(View.VISIBLE);
        }
        else {
            imgHome.setVisibility(View.GONE);
            imgCamera.setVisibility(View.GONE);
            imgCart.setVisibility(View.GONE);
            count = 0;
        }
    }
});

• 跳转到APP主页，从Service跳转到Activity需要设置intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);，跳转到其他APP也要用到这行代码。

1
2
3
4
5
6
7
8
9
// 点击imgHome打开主页面
imgHome.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Intent intent = new Intent(PetWindowService.this, MainActivity.class);
        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        startActivity(intent);
    }
});

• 跳转到相机。

1
2
3
4
5
6
7
8
9
10
// 点击imgCamera打开相机
imgCamera.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Intent intent = new Intent();
        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        intent.setAction("android.media.action.STILL_IMAGE_CAMERA");
        startActivity(intent);
    }
});

• 跳转到淘宝。

1
2
3
4
5
6
7
8
9
10
11
// 点击imgCart打开淘宝
imgCart.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {  
        Intent intent = new Intent();
        intent.setAction("Android.intent.action.VIEW");
        intent.setClassName("com.taobao.taobao", "com.taobao.tao.welcome.Welcome");
        intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
        startActivity(intent);
    }
});

2.3 APP主页显示宠物信息

主页实现功能主要包括：宠物取名，选择宠物类型，领养新宠物，选择已有宠物进行展示，宠物名字展示，宠物类型展示，宠物年龄展示，释放宠物，收回宠物，删除宠物。
• 第一部分：创建宠物
选择宠物类型，Spinner控件监听事件。

1
2
3
4
5
6
7
8
9
10
11
 // 选择宠物类型
petMode.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        mode = modeArray[position];
    }
    @Override
    public void onNothingSelected(AdapterView<?> parent) {

    }
});

创建宠物类型，Button控件监听事件，将宠物名字一并记录。

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
28
29
30
31
// 创建宠物
bn_createPet.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {

        // 取名
        petName = editName.getText().toString();

        boolean sameName = false;

        for (int i = 0; i < petNameAdapter.getCount(); i++) {
            if (petName.equals(petNameAdapter.getItem(i))) {
                sameName = true;
                break;
            }
        }

        if (!editName.getText().toString().equals("") && !sameName){

            // 创建宠物
            createPet(mode, petName, petAgeSeconds);
            Toast.makeText(MainActivity.this,
                    "恭喜你拥有了一只" + mode + "类宠物，" + "它的名字叫" + petName,
                    Toast.LENGTH_LONG).show();
            petNameAdapter.add(petName);

        } else {
            Toast.makeText(MainActivity.this, "名字不能为空或重复，请再次输入！", Toast.LENGTH_LONG).show();
        }
    }
});

• 第二部分：展示宠物信息
首先从数据库中选择已有宠物进行展示。

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
// 从数据库中选择一只宠物
petNameList.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        tmp_name = (String) petNameList.getSelectedItem();
        // 上一个宠物名字
        if (!last_name.equals("")){
            last_name = showPetName.getText().toString();
        } else {
            last_name = tmp_name;
        }
        // 显示宠物名字
        showPetName.setText(tmp_name);
        // 显示宠物类型
        showPetMode.setText(getPetMode(tmp_name));
        // 显示宠物图像
        showPetImg.setImageResource(changePet(showPetMode.getText().toString()));
        // 显示宠物年龄
        petAgeView.setText(showPetAge(getPetAge(tmp_name)));

    }

    @Override
    public void onNothingSelected(AdapterView<?> parent) {

    }
});

释放宠物，即生成悬浮窗。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 // 释放宠物
bn_showPet.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        // 传宠物参数到Service
        Intent intent = new Intent(MainActivity.this, PetWindowService.class);
        intent.putExtra("pet_name", showPetName.getText().toString())
                .putExtra("pet_mode", showPetMode.getText().toString())
                .putExtra("pet_age", String.valueOf(getPetAge(showPetName.getText().toString())));
        startService(intent);
        // finish();
        Log.d(TAG, "onClick: 成功释放");
    }
});

收回宠物。

1
2
3
4
5
6
7
8
// 收回宠物
bn_backPet.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Intent intent = new Intent(MainActivity.this, PetWindowService.class);
        stopService(intent);
    }
});

删除宠物：删除适配器和数据库对应宠物。

1
2
3
4
5
6
7
public void removePet(String name) {

    // 删除适配器对应宠物对象
    petNameAdapter.remove(name);
    // 删除数据库对应宠物数据
    usePetDB.removePet(name);
}

详细代码见github。

展开全文 >>

有限域（伽罗华域）上的加法乘法运算

1 有限域的运算

1.1 有限域的加法

有限域上定义加法⊕：
对于两个多项式f(x)和g(x)：
f(x)⊕g(x)=(f(x)+g(x))(modp(x))(modp)，其中p(x)是有限域的不可约多项式，p为GF(pn)中的p为素数。
例1：
在GF(23)中:
x⊕(x2+x+1)=(x2+2x+1)(mod(x3+x+1))(mod2)
                   =(x2+2x+1)(mod2)
                   =x2+1

1.2 有限域的乘法

有限域上定义乘法⊗：
对于两个多项式f(x)和g(x)：
f(x)⊗g(x)=(f(x)×g(x))(modp(x))(modp)，其中p(x)是有限域的不可约多项式，p为GF(p^m)中的p为素数。
例2：
在GF(23)中:
x⊗(x2+x+1)=(x3+x2+x)(mod(x3+x+1))(mod2)
                   =(x2+1)(mod2)
                   =x2+1

2 有限域加法表和乘法表

GF(23)={0, 1, 2, 3, 4, 5, 6, 7}
         ={0, 1, 10, 11, 100, 101, 110, 111}
         ={0, 1, x, x+1, x2, x2+1, x2+x, x2+x+1}

2.1 GF(23)加法表

加法表

2.2 GF(23)乘法表

乘法表

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

平凡的学生程序员ToAoT