android listview 导航条,Android侧边导航栏+ListView基础实践

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”

进行设置 //侧边栏头图样式

对应活动的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); //给对应的图片控件设置图片

0x06 相关提示

Start.java为启动动画，这是一个活动，因此因将Ta设为 Launch Activity

关于隐藏软件标题栏

在values文件夹下的styles.xml中设置 true

侧边栏的头图布局nav_header.xml放在layout文件夹下

导航栏布局nav_menu.xml需要在res文件夹下新建menu文件夹进行存放

0x07 项目地址

https://github.com/LemonJuice98/Android

欢迎评论留言~

0x08 后续

这个成品是个半成品，后续会努力做出首页活动的爬虫，完成这个模块应该有的样子

其次，首页活动列表会考虑别的样式。纯ListView太丑了、

其他各个方面也会完成更多的优化