Android侧边导航栏+ListView基础实践

最新推荐文章于 2025-03-25 15:51:33 发布

Y1ah

最新推荐文章于 2025-03-25 15:51:33 发布

阅读量2k

点赞数 1

分类专栏： Android 文章标签： ListView DrawerLayout SQLite

本文链接：https://blog.csdn.net/Already233/article/details/86537787

版权

Android 专栏收录该内容

1 篇文章

订阅专栏

Android基础项目实践

文章首发于自己的github博客，https://lemonjuice98.github.io/
本学期学习了Android的开发课程，期末也做了一款很萌新向的App作为课程的内容输出吧。

这篇博客就拿来记录一下开发过程和相关内容吧

0x00 前言

言归正传，首先说一说做这么一款App的想法。

一个是出于完成课程报告的角度（有一些要求），另一个就是学了很多确实想做点什么。至于为什么做这个，起初也考虑过仿一些常用的App的想法，但是心里总是不太愿意，想做些没有的。~~（才不是嫌麻烦呢）~~
正好那段时间玩着一款游戏《Monster Hunter:World》（怪物猎人），于是就萌生了做一个非官方普及向的App的想法。

效果图如下

0x01 需求分析

PC版官方新闻信息
查询（包括但不限于怪物、武器、装饰珠）
图鉴（怪物、武器）
配装器相关

0x02 总体设计

文件树结构及作用
Start: 启动动画活动
MainActivity: 应用主活动
MyDatabaseHelper: 数据库辅助
News: 新闻的类，规定数据类型和相关方法
NewsAdapter: 适配器
NewsInfo: 点击查看新闻详情的活动
TuJian: 图鉴的类，规定数据类型和相关方法
TuJianAdapter: 适配器
TuJian_Activity: 显示图鉴的活动
数据库相关
由于游戏内数据多，且除新闻外的其他资料基本不会发生变动，固采用将外置数据库写入到手机中的方式

0x03 详细设计

启动页面

利用渐变处理图片，通过一个定时器来计算时间实现主活动的跳转

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_start);
        StartLogo = (LinearLayout) findViewById(R.id.Start_Logo);
        TimerTask task = new TimerTask(){   //设置一个任务
            public void run(){
                Intent intent = new Intent(Start.this, MainActivity.class);
                startActivity(intent);
            }
        };
        Timer timer = new Timer();
        timer.schedule(task, 2000);     //2000ms后执行任务
        beginAnimation();
    }

    private void beginAnimation() {
        AlphaAnimation alpha = new AlphaAnimation(0, 1);    //渐变
        alpha.setDuration(2000);
        StartLogo.startAnimation(alpha);
    }

主活动

首先，解决启动动画只在第一次打开App时启动且主活动按返回键时直接退出

    @Override //重写返回键功能，设置为冷启动
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK) {
            Intent intent = new Intent(Intent.ACTION_MAIN);
            intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
            intent.addCategory(Intent.CATEGORY_HOME);
            startActivity(intent);
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

完成外置数据库的写入

    public void initDB() {      //初始化数据库
        String DATABASE_PATH = "/data/data/com.example.administrator.mhw/databases/";   //这里是软件对应的数据库所在路径
        String DATABASE_NAME = "MHW.db";    //数据库名称

        File fileDB = new File(DATABASE_PATH + DATABASE_NAME);      //拼接完整的路径
        if( !fileDB.exists() ) {    //检测是否已存在数据库
            File file = new File(DATABASE_PATH);
            if(!file.exists())
                file.mkdirs();

            try {       //写入数据
                InputStream is = getBaseContext().getAssets().open(DATABASE_NAME);
                OutputStream os = new FileOutputStream(DATABASE_PATH + DATABASE_NAME);

                byte[] buffer = new byte[1024];
                int len;
                while((len = is.read(buffer)) > 0) {
                    os.write(buffer, 0, len);
                }
                os.flush();
                os.close();
                is.close();
            }
            catch (IOException e) {
                e.printStackTrace();
            }
        }
    }

官方活动信息的ListView
原本是想通过爬虫来爬取官方活动信息，存储在数据库中再进行读写，但是我真的菜，只会一点Python的，Java不会，就暂且搁置了
这里直接录入了几条新闻来替代。但是这一块的设计完全能支持上述想法，有很好的内聚性。
（代码就是很基础的ListView代码，就不放出来了，文末有项目连接，可下载查看）

新闻详情页

这个是从主页活动通过点击某个新闻，跳转到该新闻的详情页面。
在主活动中获取对应的item，将其中的内容通过活动之间的传值来交给这个活动，避免了此活动再次遍历数据库查找所需的数据，优化了性能

图鉴页

目前做的也是很普通，也只是一个简单的ListView，没什么特别的
（后续还会进行优化 ~~我自己也有点看不下去~~）

0x04 侧边栏

这个效果需要DrawerLayout的支持，要在build.gradle中添加

implementation ‘com.android.support:design:27.1.1’
在对应的layout中采用

android.support.v4.widget.DrawerLayout 的布局格式
在layout布局中需要声明

xmlns:app=“http://schemas.android.com/apk/res-auto”

进行设置

<android.support.design.widget.NavigationView
    android:id="@+id/nav"
    android:layout_width="200dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"  //这里常用start，也有left和right可选，可自行尝试。但是必须设置此属性
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    //下述两个属性需要申明3中的app才能正常编译
    app:menu="@menu/nav_menu"   //侧边栏导航样式
    app:headerLayout="@layout/nav_header">      //侧边栏头图样式
</android.support.design.widget.NavigationView>

对应活动的Java代码中设置点击事件

NavigationView navigationView = (NavigationView) findViewById(R.id.nav);
    navigationView.setItemIconTintList(null);       //设置导航小图标背景为空
    navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
        @Override
        public boolean onNavigationItemSelected(MenuItem menuItem) {
            switch (menuItem.getItemId()) {
                case ...: break;
                ...
            return true;
        }
    });

0x05 动态绑定图片

理想情况是，新闻是由爬虫进行爬取，存储后读取并显示，对应的图片也转存在drawable文件夹下。
此时无法通过固定的方式将图片绑定到对应的ListView项中去，只能通过下述方法完成此操作。
爬取图片时命名与标题相关，就可以通过标题字符串来一对一的查找该新闻的图片

    String str = "news"+news.getId();   //拼接字符串
    int resid = context.getResources().getIdentifier(str, "drawable", "com.example.administrator.mhw");     //获取所需图片的id号
    NewsImage.setImageResource(resid);      //给对应的图片控件设置图片