课程设计——模仿网易云UI设计基础（超简单版）

最新推荐文章于 2020-12-24 00:04:51 发布

煎蛋的少年

最新推荐文章于 2020-12-24 00:04:51 发布

阅读量2.4k

点赞数

分类专栏： Android 文章标签： android ui设计

本文链接：https://blog.csdn.net/Zhaoboyin/article/details/53170683

版权

本文介绍了一次课程设计中模仿网易云音乐UI的简易实现过程，主要涉及Android Studio下的布局文件和逻辑代码。作者提供了3小时完成的简单版本，并分享了MainActivity和OtherActivity的代码，附带注释。布局文件包括activity_main.xml、activity_other.xml、item_gridview.xml和item_listview.xml，可按需修改颜色和文字内容。代码已亲测可运行。

摘要由CSDN通过智能技术生成

本来想把我自己做的东西放出来给你们的，但是解释起来有点难，
所以就先弄出一个简单版本，也就是可以过关的版本。

先上我的版本，如果要弄这种的可以私聊我好吧-0-。

这里写图片描述

简单版，好像花了3个小时吧。上图。

这里写图片描述

直接上代码了，我写了很多注释，你们可以看，交上去的时候把注释删掉就好。由于我用的是android Studio ，不是eclipse，可能会在导包上出现一点问题。到时候再问好了。

ps：studio上亲测可运行，有问题再call 我 -0- 。然后，复制所有的代码，不出问题是可以用的。。

代码层次

这里写图片描述

逻辑部分

这部分用这个线包起来的地方可以修改
// ———————————————————————————————————–>

MainActivity

package com.example.pc.simpleui;

import android.content.Intent;
import android.support.annotation.NonNull;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.GridView;

import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
   
    //把布局文件中的控件声明出来，记得ViewPager导入的是V4包下的ViewPager
    private ViewPager viewPager ;
    private GridView gridView ;
    private ListView listView ;
    //声明数组对象，存放我们要显示的内容
    private List<ImageView> pagerImages ;
//    ----------------------------------------------------------------------------------------------------------->
//   这个内部的中文字，可以自己修改，这个是gridView显示的字体，也就是页面中8个小机器人下面的字。
    private String gridStrings [] = new String[]{
  "微专业", "互联网", "设计创作", "职场/金融", "兴趣生活", "语言/留学", "中小学", "考试认证"};
//   这个内部的中文字，可以自己修改，这个是listView显示的字体，也就是页面下拉下去显示的字。
    private String listStrings [] = new String[]{
  "第1个列表", "第2个列表", "第3个列表", "第4个列表", "第5个列表", "第6个列表", "第7个列表", "第8个列表"};
//    ----------------------------------------------------------------------------------------------------------->

    //声明inflater
    private LayoutInflater mInflater ;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //一些初始化操作
        pagerImages = new ArrayList<ImageView>();
        pagerImages = setPagerImages();
        mInflater = LayoutInflater.from(this);

        initView();//新建一个方法初始化View，能够让代码更佳好看

        initEvent();

    }

    private List<ImageView> setPagerImages() {

        List<ImageView> list = new ArrayList<ImageView>