android开发列表界面

简介: android开发列表界面,上边是一个显示题目,下边显示的是图标,中间显示的是列表。 看一下效果吧 当鼠标点击上之后出现背景图,下面看一下如何做出这样的效果吧。 1.创建android工程 修改main.

android开发列表界面,上边是一个显示题目,下边显示的是图标,中间显示的是列表。

看一下效果吧

img_d302ae2389c9580861812f98a1b15822.jpg

当鼠标点击上之后出现背景图,下面看一下如何做出这样的效果吧。

1.创建android工程

修改main.xml中的内容如下:

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif View Code
 
  
<? xml version="1.0" encoding="utf-8" ?>
< RelativeLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:orientation
="vertical" android:layout_width ="fill_parent"
android:layout_height
="fill_parent" >
< LinearLayout android:layout_height ="28px"
android:layout_width
="fill_parent" android:orientation ="horizontal"
android:gravity
="center_vertical" android:paddingLeft ="5px"
android:background
="@drawable/top_bg" >
< ImageView android:layout_width ="25px"
android:layout_height
="18px" android:src ="@drawable/manage" ></ ImageView >
< TextView android:layout_width ="wrap_content"
android:layout_height
="wrap_content" android:textColor ="#000"
android:textSize
="14px" android:text ="Account" ></ TextView >
</ LinearLayout >

<!-- 中间的列表 -->
< GridView android:id ="@+id/gv_apps" android:layout_height ="fill_parent"
android:layout_width
="fill_parent" android:numColumns ="3"
android:horizontalSpacing
="20px" android:verticalSpacing ="20px"
android:listSelector
="@drawable/choose_gridview"
android:layout_marginTop
="28px" android:layout_marginBottom ="50px"
android:layout_marginLeft
="5px" android:layout_marginRight ="5px" ></ GridView >

< RelativeLayout android:layout_width ="fill_parent"
android:layout_height
="34px" android:layout_alignParentBottom ="true"
android:background
="@drawable/bottom_bg" >
< ImageButton android:id ="@+id/ib_change_view"
android:layout_alignParentLeft
="true" android:layout_marginLeft ="5px"
android:layout_marginTop
="1px" android:background ="@drawable/button1"
android:layout_width
="32px" android:layout_height ="32px" ></ ImageButton >
< ImageButton android:id ="@+id/ib_change_view"
android:layout_alignParentLeft
="true" android:layout_marginLeft ="50px"
android:layout_marginTop
="1px" android:background ="@drawable/button2"
android:layout_width
="32px" android:layout_height ="32px" ></ ImageButton >
< ImageButton android:id ="@+id/ib_change_view"
android:layout_alignParentLeft
="true" android:layout_marginLeft ="100px"
android:layout_marginTop
="1px" android:background ="@drawable/button3"
android:layout_width
="32px" android:layout_height ="32px" ></ ImageButton >
< ImageButton android:id ="@+id/ib_change_category"
android:layout_alignParentLeft
="true" android:layout_marginLeft ="150px"
android:layout_marginTop
="1px" android:background ="@drawable/button4"
android:layout_width
="32px" android:layout_height ="32px" ></ ImageButton >
</ RelativeLayout >

</ RelativeLayout >

在这里边用了两个布局

RelativeLayout:children是相互之间相关位置或者和他们的parent位置相关,常用在form中

LinearLayout:children排列成一行多列或者一列多行的形式,这种layout最常见

GridView 显示的是网格的布局,一般可以加入各种adapter,这是适配器的典型实现。android中面向对象做的真的不错。。。

2.添加GridViewAdapter.java类

输入内容如下:

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif View Code
 
  
public class GridViewAdapter extends BaseAdapter{
//存放各个元素
private List
< ViewItem > listItem = new ArrayList < ViewItem > ();

// 将一个xml文件转化成视图
LayoutInflater inFlater;

public GridViewAdapter(Context context){
this.inFlater = LayoutInflater.from(context);
init();
}

private void init(){
//先在这里初始化,以后放到数据库里
ViewItem vi1 = new ViewItem();
vi1.setName("记录账目");
vi1.setImgName(R.drawable.img1);
ViewItem vi2 = new ViewItem();
vi2.setName("记录账目");
vi2.setImgName(R.drawable.img2);
ViewItem vi3 = new ViewItem();
vi3.setName("记录账目");
vi3.setImgName(R.drawable.img3);
ViewItem vi4 = new ViewItem();
vi4.setName("记录账目");
vi4.setImgName(R.drawable.img4);
ViewItem vi5 = new ViewItem();
vi5.setName("记录账目");
vi5.setImgName(R.drawable.img5);
ViewItem vi6 = new ViewItem();
vi6.setName("记录账目");
vi6.setImgName(R.drawable.img6);
listItem.add(vi1);
listItem.add(vi2);
listItem.add(vi3);
listItem.add(vi4);
listItem.add(vi5);
listItem.add(vi6);
}

public int getCount() {
// TODO Auto-generated method stub
return listItem.size();
}

public Object getItem(int arg0) {
// TODO Auto-generated method stub
return arg0;
}

public long getItemId(int arg0) {
// TODO Auto-generated method stub
return arg0;
}

public View getView(int arg0, View arg1, ViewGroup arg2) {
// TODO Auto-generated method stub
View view = inFlater.inflate(R.layout.gv_item, null);
TextView tv = (TextView) view.findViewById(R.id.gv_item_appname);
ImageView iv = (ImageView) view.findViewById(R.id.gv_item_icon);

tv.setText(listItem.get(arg0).getName());
iv.setImageResource(listItem.get(arg0).getImgName());

return view;
}

}

配置适配器,并且将xml转化成视图处理。

继承BaseAdapter,并且实现里面的方法。

3.修改主布局文件类

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif View Code
 
  
public class AccountMain extends Activity {
/** Called when the activity is first created. */
private GridView gv;

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

// 去除title
requestWindowFeature(Window.FEATURE_NO_TITLE);
// 全屏
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);

setContentView(R.layout.main);

gv = (GridView) this.findViewById(R.id.gv_apps);

gv.setAdapter(new GridViewAdapter(AccountMain.this));
}
}

先是实例化GridView,然后将对应的适配器信息传入,这样就得到了上面的效果!

其中ImageButton的属性android:src如果设置的图片较大则全部显示,解决的办法是要么用android:background,要么干脆换成ImageView。

这只是其中的一个界面的演示,这块的init部分可以再做进一步的处理,可以做动态的配置。

可以将配置信息配置到配置文件中或者将对应信息配置到数据库中,即SqlLite中。

img_1ad633567ca2d3830eb8d6a30ed935f7.jpg

目录
相关文章
|
3天前
|
存储 安全 Android开发
安卓应用开发:构建一个高效的用户登录系统
【5月更文挑战第3天】在移动应用开发中,用户登录系统的设计与实现是至关重要的一环。对于安卓平台而言,一个高效、安全且用户体验友好的登录系统能够显著提升应用的用户留存率和市场竞争力。本文将探讨在安卓平台上实现用户登录系统的最佳实践,包括对最新身份验证技术的应用、安全性考量以及性能优化策略。
|
5天前
|
前端开发 Android开发 iOS开发
【Flutter前端技术开发专栏】Flutter在Android与iOS上的性能对比
【4月更文挑战第30天】Flutter 框架实现跨平台移动应用,通过一致的 UI 渲染(Skia 引擎)、热重载功能和响应式框架提高开发效率和用户体验。然而,Android 和 iOS 的系统差异、渲染机制及编译过程影响性能。性能对比显示,iOS 可能因硬件优化提供更流畅体验,而 Android 更具灵活性和广泛硬件支持。开发者可采用代码、资源优化和特定平台优化策略,利用性能分析工具提升应用性能。
【Flutter前端技术开发专栏】Flutter在Android与iOS上的性能对比
|
6天前
|
监控 Java Android开发
安卓应用开发:打造高效用户界面的五大策略
【4月更文挑战第29天】 在安卓应用开发的世界中,构建一个既美观又高效的用户界面(UI)对于吸引和保留用户至关重要。本文将深入探讨五种策略,这些策略可以帮助开发者优化安卓应用的UI性能。我们将从布局优化讲起,逐步过渡到绘制优化、内存管理、异步处理以及最终的用户交互细节调整。通过这些实践技巧,你将能够为用户提供流畅而直观的体验,确保你的应用在竞争激烈的市场中脱颖而出。
|
18小时前
|
安全 Linux Android开发
FFmpeg开发笔记(十六)Linux交叉编译Android的OpenSSL库
该文介绍了如何在Linux服务器上交叉编译Android的FFmpeg库以支持HTTPS视频播放。首先,从GitHub下载openssl源码,解压后通过编译脚本`build_openssl.sh`生成64位静态库。接着,更新环境变量加载openssl,并编辑FFmpeg配置脚本`config_ffmpeg_openssl.sh`启用openssl支持。然后,编译安装FFmpeg。最后,将编译好的库文件导入App工程的相应目录,修改视频链接为HTTPS,App即可播放HTTPS在线视频。
14 3
FFmpeg开发笔记(十六)Linux交叉编译Android的OpenSSL库
|
5天前
|
存储 Java Android开发
安卓应用开发中的内存优化策略
【4月更文挑战第30天】在移动开发领域,尤其是安卓平台上,内存管理是影响应用性能和用户体验的关键因素。由于安卓设备的硬件资源有限,不合理的内存使用会导致应用响应缓慢、消耗过多电量甚至崩溃。本文将探讨针对安卓平台的内存优化技巧,旨在帮助开发者提高应用的性能和稳定性,从而提升用户满意度。我们将详细讨论内存泄漏的预防、合理的内存分配策略以及高效的内存回收方法。
|
6天前
|
机器学习/深度学习 安全 数据处理
构建未来:基于Android的智能家居控制系统开发
【4月更文挑战第29天】 随着物联网技术的蓬勃发展,智能家居已成为现代技术革新的重要领域。本文将深入探讨基于Android平台的智能家居控制系统的设计和实现,旨在提供一种用户友好、高度集成且功能丰富的解决方案。通过利用Android设备的广泛普及和其强大的处理能力,结合最新的无线通讯技术和人工智能算法,我们旨在打造一个可靠、易用且具有高度可定制性的智能家居控制环境。文中不仅详细阐述了系统架构、关键技术选型以及界面设计,还对可能遇到的安全挑战进行了分析,并提出了相应的解决策略。
|
6天前
|
监控 Java Android开发
安卓应用开发中的内存优化策略
【4月更文挑战第29天】在面对安卓设备多样化的硬件配置时,合理管理应用内存成为提升用户体验的关键。本文深入探讨了安卓应用开发中常见的内存泄漏问题,并提出了一系列针对性的优化策略。通过分析内存分配机制、垃圾回收原理及内存监控工具的使用,揭示了高效内存管理的实践方法。文章旨在为开发者提供一套系统的内存优化解决方案,以实现更流畅、稳定的应用性能。
|
13天前
|
消息中间件 网络协议 Java
Android 开发中实现数据传递:广播和Handler
Android 开发中实现数据传递:广播和Handler
14 1
|
14天前
|
Linux 编译器 Android开发
FFmpeg开发笔记(九)Linux交叉编译Android的x265库
在Linux环境下,本文指导如何交叉编译x265的so库以适应Android。首先,需安装cmake和下载android-ndk-r21e。接着,下载x265源码,修改crosscompile.cmake的编译器设置。配置x265源码,使用指定的NDK路径,并在配置界面修改相关选项。随后,修改编译规则,编译并安装x265,调整pc描述文件并更新PKG_CONFIG_PATH。最后,修改FFmpeg配置脚本启用x265支持,编译安装FFmpeg,将生成的so文件导入Android工程,调整gradle配置以确保顺利运行。
38 1
FFmpeg开发笔记(九)Linux交叉编译Android的x265库