GridView的用法、自定义控件入门写法和界面切换动画

来源：互联网发布：琪琪看片软件下载编辑：程序博客网时间：2024/06/07 02:04

控件GridView的使用：

GridView是让item以数据表格的形式来显示布局。如果是单列表形式就使用Listview，如果是多行多列网格形式优先是使用GridView，一般用于显示图片，图片等内容，比如实现九宫格图，用GridView是首选，也是最简单的。

常用的xml属性：

Android:columnWidth --设置列的宽度，也就是item的宽度

android:verticalSpacing="10dp"----------垂直边距，就是行间距，九宫格就是指上下格之间的间隙距离

android:horizontalSpacing="10dp"-------水平边距，就是列间距，九宫格就是指左右格之间的间隙距离

android:numColumns=”auto_fit” 列数设置为自动

android:numColumns=”3” 可以可接受一个正整数的列数，设置只有3列

android:stackFromBottom="true" //设置为true时，你做好的列表就会显示你列表的最下面

用法跟listview是一样的，设置数据适配器，写出item的布局文件。看下面例子：

定义的item的xml文件：

[html] view plain copy

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical" >
<ImageView
android:id="@+id/iv_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/ic_launcher"
/>
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"
android:textColor="#FFB5C5"
android:text="模板标题"/>
</LinearLayout>

主界面布局.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
style="@style/TitleStyle"
android:text="功能列表" />
<TextView
android:text="啊五环你比四环多一环啊五环你比六环少一环终于有一天你会修到七环
修到七环怎么办你比五环多两环"
android:textColor="#000"
android:singleLine="true"
android:padding="5dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ellipsize="marquee"
android:focusable="true"
android:marqueeRepeatLimit="marquee_forever"
android:focusableInTouchMode="true"/>
<!-- <com.itheima.mobilesafe74.view.FocusTextView
android:text="啊五环你比四环多一环啊五环你比六环少一环终于有一天你会修到七环
修到七环怎么办你比五环多两环"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ellipsize="marquee"
android:focusableInTouchMode="true"
android:marqueeRepeatLimit="marquee_forever"
android:padding="5dp"
android:singleLine="true"
android:textColor="#000" >
</com.itheima.mobilesafe74.view.FocusTextView> -->
<GridView
android:id="@+id/gv_home"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:numColumns="3"
android:stackFromBottom="true"
android:verticalSpacing="10dp">
</GridView>
</LinearLayout>

主界面java：以黑马的手机卫士的主界面的九宫格为例

package com.itheima.mobilesafe74.activity;
import com.itheima.mobilesafe74.R;
import com.itheima.mobilesafe74.utils.ConstantVaule;
import com.itheima.mobilesafe74.utils.Md5Util;
import com.itheima.mobilesafe74.utils.SpUtil;
import com.itheima.mobilesafe74.utils.ToastUtil;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.AlertDialog.Builder;
import android.content.Intent;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.EditText;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;
public class HomeActivity extends Activity {
private GridView gv_home;
private String[] mTitleStrs;
private int[] mDrawableIDs;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_home);
initUI();
// 初始化数据
initDate();
}
private void initDate() {
mTitleStrs = new String[] { "手机防盗", "通信卫士", "软件管理", "进程管理","流量统计", "手机杀毒", "缓冲清理", "高级工具", "设置中心" };
mDrawableIDs = new int[] { R.drawable.home_safe, R.drawable.home_callmsgsafe, R.drawable.home_apps,R.drawable.home_taskmanager, R.drawable.home_netmanager, R.drawable.home_trojan, R.drawable.home_sysoptimize, R.drawable.home_tools, R.drawable.home_settings };

// 九宫格控件设置数据适配器
gv_home.setAdapter(new MyAdapter());
// 注册九宫格的单个点击事件
gv_home.setOnItemClickListener(new OnItemClickListener() {
@Override
// position点中条目的索引
public void onItemClick(AdapterView<?> parent, View view,int position, long id) {
switch (position) {
case 0:
// 开启对话框
showDialog();
break;
case 8:
Intent intent = new Intent(getApplicationContext(), SettingActivity.class);
startActivity(intent);
break;
}
}
});
}
class MyAdapter extends BaseAdapter {
@Override
public int getCount() {
// 条目的总数，为九宫格格数
return 9;
}
@Override
public Object getItem(int position) {
return mTitleStrs[position];
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view = View.inflate(getApplicationContext(),

R.layout.gridview_item, null);
TextView tv_title = (TextView) view.findViewById(R.id.tv_title);
ImageView iv_icon = (ImageView) view.findViewById(R.id.iv_icon);
tv_title.setText(mTitleStrs[position]);
iv_icon.setBackgroundResource(mDrawableIDs[position]);
return view;
}
}
private void initUI() {
gv_home = (GridView) findViewById(R.id.gv_home);
}
}

效果图：

设置了适配器，跟listview用法上没有什么区别。

自定义控件入门

对于产品在android标准控件库中没有满足要求的，或者要根据一些判断来显示的控件，某些布局会被重复的利用，同一个布局的XML代码块会被重复的复制黏贴多次，则需要自己去自定义一个。

自定义控件的步骤：

0，在工程目录res/values目录下，创建一个arrts.xml文件，自定义属性

1，写一个自定义控件类,这个类就是你的自定义控件的实现：

2，复写其构造方法

3，在布局文件中定义出引用自定义控件的方法

4，实现自定义的逻辑和需求

例子：

第0步：在工程目录res/values目录下，创建一个arrts.xml文件，自定义属性

styleable name 为要继承于控件的类名

<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="com.itheima.mobilesafe74.view.SettingItemView">
<attr name="destitle" format="string" />
<attr name="desoff" format="string" />
<attr name="deson" format="string" />
<attr name="data" format="string" />
</declare-styleable>
</resources>

第1步、第2步，第4步一起：

先：定义好了属性集了，接下来我们就需要定义一个Java类，来渲染这段布局，解析这个属性集，并且对象提供修改控件状态的方法，已达到复用的效果。

再：继承RelativeLayout（或者其他ViewGroup子类），复写其构造方法，在构造方法中先渲染布局的视图，然后读取属性集的属性，将默认显示的属性显示到布局上的子控件上即可。

加上：自己要实现的逻辑和需求

package com.itheima.mobilesafe74.view;
import com.itheima.mobilesafe74.R;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import android.widget.CheckBox;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;
public class SettingItemView extends RelativeLayout {
private CheckBox cb_box;
private TextView tv_des;
private String namespace = "http://schemas.android.com/apk/res/com.itheima.mobilesafe74";
private String namespace2;
private String mDestitle;
private String mDesoff;
private String mDeson;
private TextView tv_title;
public SettingItemView(Context context, AttributeSet attrs) {
this(context,attrs,0);
}
public SettingItemView(Context context) {
this(context, null);
}
public SettingItemView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
//xml转为view对象，将设置的条目转换成view对象
//this 指SettingItemView对象直接添加到当前SettingItemView对应view上再放到SettingActivity上面
View.inflate(context, R.layout.setting_item_view, this);
tv_title = (TextView) findViewById(R.id.tv_title);
tv_des = (TextView) findViewById(R.id.tv_des);
cb_box = (CheckBox) findViewById(R.id.cb_box);
//获取自定义以及原生属性的操作，写在此处 AttributeSet attrs中获取
initAttrs(attrs);
//获取布局文件中定义的字符串，赋值给自定义组合控件的标题
tv_title.setText(mDestitle);
}
/**
* 返回属性集合中定义属性属性值
* @param attrs 构造方法中维护好的属性集合
*/
private void initAttrs(AttributeSet attrs) {
int attributeCount = attrs.getAttributeCount();
namespace2 = "http://schemas.android.com/apk/res/com.itheima.mobilesafe74";
mDestitle = attrs.getAttributeValue(namespace2, "destitle");
mDesoff = attrs.getAttributeValue(namespace2, "desoff");
mDeson = attrs.getAttributeValue(namespace2, "deson");
}
/**
* @return
* 返回当前SettingItemView 是否选择状态 true开启
*/
public boolean isCheck(){
return cb_box.isChecked();
}
/**
* @param isCheck 是否作为开启的变量，有点击事件确定
*/
public void setCheck(boolean isCheck) {
//当前条目选择的过程中，cb_box的状态也跟随isCheck 变化
cb_box.setChecked(isCheck);
if(isCheck){
//开启，
tv_des.setText(mDeson);
}else{
//关闭
tv_des.setText(mDesoff);
}
}
}