快捷搜索:  as  test  1111  test aNd 8=8  test++aNd+8=8  as++aNd+8=8  as aNd 8=8

黄金城棋牌游戏网址:Android View(四)自定义View的实现方法



不知不觉中,带你一步步深入懂得View系列的文章已经写到第四篇了,回首一下,我们一共进修了LayoutInflater的道理阐发、视图的绘制流程、视图的状态及重绘等常识,算是把View中很多紧张的常识点都涉及到了。假如你还没有看过我前面的几篇文章,建议先去涉猎一下,多懂得一些道理方面的器械。

之前我有允诺过,会在View这个话题上多写几篇博客,讲一讲View的事情道理,以及自定义View的措施。现在前半部分的允诺已经履约兑现了,那么本日我就要来兑现后面部分的允诺,讲一讲自定义View的实现措施,同时这也是带你一步步深入懂得View系列的完结篇。

一些打仗Android不久的同伙对自定义View都有一丝惧怕感,总感到这是一个对照高档的技巧,但着实自定义View并不繁杂,无意偶尔候只必要简单几行代码就可以完成了。

假如说要按类型来划分的话,自定义View的实现要领大年夜概可以分为三种,自绘控件、组合控件、以及承袭控件。那么下黄金城棋牌游戏网址面我们就来依次进修一下,每种要领分手是若何自定义View的。

一、自绘控件

自绘控件的意思便是,这个View上所展现的内容整个都是我们自己绘制出来的。绘制的代码是写在onDraw()措施中的,而这部分内容我们已经在http://www.fengfly.com/plus/view-215112-1.html中进修过了。

下面我们筹备来自定义一个计数器View,这个View可以响利用户的点击事故,并自动记录一共点击了若干次。新建一个CounterView承袭自View,代码如下所示:

public class CounterView extends View implements OnClickListener {

private Paint mPaint;

private Rect mBounds;

private int mCount;

public CounterView(Context context, AttributeSet attrs) {

super(context, attrs);mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

mBounds = new Rect();setOnClickListener(this);

}

@Overrideprotected void onDraw(Canvas canvas) {

super.onDraw(canvas);mPaint.setColor(Color.BLUE);

canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);mPaint.setColor(Color.YELLOW);

mPaint.setTextSize(30);String text = String.valueOf(mCount);

mPaint.getTextBounds(text, 0, text.length(), mBounds);float textWidth = mBounds.width();

float textHeight = mBounds.height();canvas.drawText(text, getWidth() / 2 - textWidth / 2, getHeight() / 2

+ textHeight / 2, mPaint);}

@Override

public void onClick(View v) {mCount++;

invalidate();}

}

可以看到,首先我们在CounterView的构造函数中初始化了一些数据,并给这个View的本身注册了点击事故,这样当CounterView被点击的时刻,onClick()措施就会获得调用。而onClick()措施中的逻辑黄金城棋牌游戏网址就加倍简单了,只是对mCount这个计数器加1,然后调用invalidate()措施。经由过程http://www.fengfly.com/plus/view-215114-1.html这篇文章的进修我们都已经知道,调用invalidate()措施会导致视图进行重绘,是以onDraw()措施在稍后就将会获得调用。

既然CounterView是一个自绘视图,那么最主要的逻辑当然便是写在onDraw()措施里的了,下面我们就来仔细看一下。这里首先是将Paint画笔设置为蓝色,然后调用Canvas的drawRect()措施绘制了一个矩形,这个矩形也就可以算作是CounterView的背景图吧。接着将画笔设置为黄色,筹备在背景上面绘制当前的计数,留意这里先是调用了getTextBounds()措施来获取到翰墨的宽度和高度,然后调用了drawText()措施去进行绘制就可以了。

这样,一个自定义的View就已经完成了,并且今朝这个CounterView是具备自动计数功能的。那么剩下的问题便是若何让这个View在界面上显示出来了,着实这也异常简单,我们只必要像应用通俗的控件一样来应用CounterView就可以了。比如在结构文件中加入如下代码:

RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"android:layout_height="match_parent" >

com.example.customview.CounterView

android:layout_width="100dp"android:layout_height="100dp"

android:layout_centerInParent="true" />

RelativeLayout>

可以看到,这里我们将CounterView放入了一个RelativeLayout中,然后可以像应用通俗控件来给CounterView指定各类属性,比如经由过程layout_width和layout_height来指定CounterView的宽高,经由过程android:layout_centerInParent来指定它在结构里居中显示。只不过必要留意,自定义的View在应用的时刻必然要写出完备的包名,不然系统将无法找到这个View。

好了,便是这么简单,接下来我们可以运行一下法度榜样,并不绝地点击CounterView,效果如下图所示。

怎么样?是不是感到自定义View也并不是什么高档的技巧,简单几行代码就可以实现了。当然了,这个CounterView功能异常简陋,只有一个计数功能,是以只需几行代码就足够了,当你必要绘制对照繁杂的View时,照样必要很多技术的。

二、组合控件

组合控件的意思便是,我们并不必要自己去绘制视图上显示的内容,而只是用系统原生的控件就好了,但我们可以将几个系统原生的控件组合到一路,这样创建出的控件就被称为组合控件。

举个例子来说,标题栏便是个很常见的组合控件,很多界面的头部都邑放置一个标题栏,标题栏上会有个返回按钮和标题,点击按钮后就可以返回到上一个界面。那么下面我们就来考试测验去实现这样一个标题栏控件。

新建一个title.xml结构文件,代码如下所示:

xml version="1.0" encoding="utf-8"?>

RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"

android:layout_height="50dp"android:background="#ffcb05" >

Button

android:id="@+id/button_left"android:layout_width="60dp"

android:layout_height="40dp"android:layout_centerVertical="true"

android:layout_marginLeft="5dp"android:background="@drawable/back_button"

android:text="Back"android:textColor="#fff" />

TextView

android:id="@+id/title_text"android:layout_width="wrap_content"

android:layout_height="wrap_content"android:layout_centerInParent="true"

android:text="This is Title"android:textColor="#fff"

android:textSize="20sp" />

RelativeLayout>

在这个结构文件中,我们首先定义了一个RelativeLayout作为背景结构,然后在这个结构里定义了一个Button和一个TextView,Button便是标题栏中的返回按钮,TextView便是标题栏中的显示的翰墨。

接下来创建一个TitleView承袭自FrameLayout,代码如下所示:

public class TitleView extends FrameLayout {

private Button leftButton;

private TextView titleText;

public TitleView(Context context, AttributeSet attrs) {

super(context, attrs);LayoutInflater.from(context).inflate黄金城棋牌游戏网址(R.layout.title, this);

titleText = (TextView) findViewById(R.id.title_text);leftButton = (Button) findViewById(R.id.button_left);

leftButton.setOnClickListener(new OnClickListener() {@Override

public void onClick(View v) {((Activity) getContext()).finish();

}});

}

public void setTitleText(String text) {titleText.setText(text);

}

public void setLeftButtonText(String text) {leftButton.setText(text);

}

public void setLeftButtonListener(OnClickListener l) {leftButton.setOnClickListener(l);

}

}

TitleView中的代码异常简单,在TitleView的构建措施中,我们调用了LayoutInflater的inflate()措施来加载刚刚定义的title.xml结构,这部分内容我们已经在http://www.fengfly.com/plus/view-215111-1.html这篇文章中进修过了。

接下来调用findViewById()措施获取到了返回按钮的实例,然后在它的onClick事故中调用finish()措施来关闭当前的Activity,也就相称于实现返回功能了。

别的,为了让TitleView有更强地扩展性,我们还供给了setTitleText()、setLeftButtonText()、setLeftButtonListener()等措施,分手用于设置标题栏上的翰墨、返回按钮上的翰墨、以及返回按钮的点击事故。

到了这里,一个自定义的标题栏就完成了,那么下面又到了若何引用这个自定义View的部分,着实措施基础都是相同的,在结构文件中添加如下代码:

RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"

android:layout_height="match_parent" >

com.example.customview.TitleViewandroid:id="@+id/title_view"

android:layout_width="match_parent"android:layout_height="wrap_content" >

com.example.customview.TitleView>

RelativeLayout>

这样就成功将一个标题栏控件引入到结构文件中了,运行一下法度榜样,效果如下图所示:

现在点击一下Back按钮,就可以关闭当前的Activity了。假如你想要改动标题栏上显示的内容,或者返回按钮的默认事故,只必要在Activity中经由过程findViewById()措施获得TitleView的实例,然后调用s黄金城棋牌游戏网址etTitleText()、setLeftButtonText()、setLeftButtonListener()等措施进行设置就OK了。

三、承袭控件

承袭控件的意思便是,我们并不必要自己重头去实现一个控件,只必要去承袭一个现有的控件,然后在这个控件上增添一些新的功能,就可以形成一个自定义的控件了。这种自定义控件的特征便是不仅能够按照我们的需求加入响应的功能,还可以保留原生控件的所有功能,比如http://www.fengfly.com/plus/view-215104-1.html这篇文章中先容的PowerImageView便是一个范例的承袭控件。

为了能够加深大年夜家对这种自定义View要领的理解,下面我们再来编写一个新的承袭控件。ListView信托每一个Android法度榜样员都必然应用过,此次我们筹备对ListView进行扩展,加入在ListView上滑动就可以显示出一个删除按钮,点击按钮就会删除响应数据的功能。

首先必要筹备一个删除按钮的结构,新建delete_button.xml文件,代码如下所示:

xml version="1.0" encoding="utf-8"?>

Button xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/delete_button"

android:layout_width="wrap_content"android:layout_height="wrap_content"

android:background="@drawable/delete_button" >

Button>

这个结构文件很简单,只有一个按钮而已,并且我们给这个按钮指定了一张删除背景图。

接着创建MyListView承袭自ListView,这便是我们自定义的View了,代码如下所示:

public class MyListView extends ListView implements OnTouchListener,

OnGestureListener {

private GestureDetector gestureDetector;

private OnDeleteListener listener;

private View deleteButton;

private ViewGroup itemLayout;

private int selectedItem;

private boolean isDeleteShown;

public MyListView(Context context, AttributeSet attrs) {super(context, attrs);

gestureDetector = new GestureDetector(getContext(), this);setOnTouchListener(this);

}

public void setOnDeleteListener(OnDeleteListener l) {listener = l;

}

@Overridepublic boolean onTouch(View v, MotionEvent event) {

if (isDeleteShown) {itemLayout.removeView(deleteButton);

deleteButton = null;isDeleteShown = false;

return false;} else {

return gestureDetector.onTouchEvent(event);}

}

@Overridepublic boolean onDown(MotionEvent e) {

if (!isDeleteShown) {selectedItem = pointToPosition((int) e.getX(), (int) e.getY());

}return false;

}

@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,

float velocityY) {if (!isDeleteShown && Math.abs(velocityX) > Math.abs(velocityY)) {

deleteButton = LayoutInflater.from(getContext()).inflate(R.layout.delete_button, null);

deleteButton.setOnClickListener(new OnClickListener() {@Override

public void onClick(View v) {itemLayout.removeView(deleteButton);

deleteButton = null;isDeleteShown = false;

listener.onDelete(selectedItem);}

});itemLayout = (ViewGroup) getChildAt(selectedItem

- getFirstVisiblePosition());RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(

LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);params.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);

params.addRule(RelativeLayout.CENTER_VERTICAL);itemLayout.addView(deleteButton, params);

isDeleteShown = true;}

return false;}

@Override

public boolean onSingleTapUp(MotionEvent e) {return false;

}

@Overridepublic void onShowPress(MotionEvent e) {

}

@Override

public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,float distanceY) {

return false;}

@Override

public黄金城棋牌游戏网址 void onLongPress(MotionEvent e) {}

public interface OnDeleteListener {

void onDelete(int index);

}

}

因为代码逻辑对照简单,我就没有加注释。这里在MyListView的构造措施中创建了一个GestureDetector的实例用于监听手势,然后给MyListView注册了touch监听事故。然后在onTouch()措施中进行判断,假如删除按钮已经显示了,就将它移除掉落,假如删除按钮没有显示,就应用GestureDetector来处置惩罚当前手势。

当手指按下时,会调用OnGestureListener的onDown()措施,在这里经由过程pointToPosition()措施来判断出当前选中的是ListView的哪一行。当手指快速滑动时,会调用onFling()措施,在这里会去加载delete_button.xml这个结构,然后将删除按钮添加到当前选中的那一行item上。留意,我们还给删除按钮添加了一个点击事故,当点击了删除按钮时就会回调onDeleteListener的onDelete()措施,在回调措施中应该去处置惩罚详细的删除操作。

好了,自定义View的功能到此就完成了,接下来我们必要看一下若何才能应用这个自定义View。首先必要创建一个ListView子项的结构文件,新建my_list_view_item.xml,代码如下所示:

xml version="1.0" encoding="utf-8"?>

RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"

android:layout_height="match_parent"android:descendantFocusability="blocksDescendants"

android:orientation="vertical" >

TextViewandroid:id="@+id/text_view"

android:layout_width="wrap_content"android:layout_height="50dp"

android:layout_centerVertical="true"android:gravity="left|center_vertical"

android:textColor="#000" />

RelativeLayout>

然后创建一个适配器MyAdapter,在这个适配器中去加载my_list_view_item结构,代码如下所示:

public class MyAdapter extends ArrayAdapter {

public MyAdapter(Context context, int textViewResourceId, List objects) {

super(context, textViewResourceId, objects);}

@Override

public View getView(int position, View convertView, ViewGroup parent) {View view;

if (convertView == null) {view = LayoutInflater.from(getContext()).inflate(R.layout.my_list_view_item, null);

} else {view = convertView;

}TextView textView = (TextView) view.findViewById(R.id.text_view);

textView.setText(getItem(position));return view;

}

}

到这里就基础已经竣工了,下面在法度榜样的主结构文件里面引入MyListView这个控件,如下所示:

RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"

android:layout_height="match_parent" >

com.example.customview.MyListViewandroid:id="@+id/my_list_view"

android:layout_width="match_parent"android:layout_height="wrap_content" >

com.example.customview.MyListView>

RelativeLayout>

着末在Activity中初始化MyListView中的数据,并处置惩罚了onDelete()措施的删除逻辑,代码如下所示:

public class MainActivity extends Activity {

private MyListView myListView;

private MyAdapter adapter;

private List contentList = new ArrayList();

@Override

protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.activity_main);

initList();myListView = (MyListView) findViewById(R.id.my_list_view);

myListView.setOnDeleteListener(new OnDeleteListener() {@Override

public void onDelete(int index) {contentList.remove(index);

adapter.notifyDataSetChanged();}

});adapter = new MyAdapter(this, 0, contentList);

myListView.setAdapter(adapter);}

private void initList() {

contentList.add("Content Item 1");contentList.add("Content Item 2");

contentList.add("Content Item 3");contentList.add("Content Item 4");

contentList.add("Content Item 5");contentList.add("Content Item 6");

contentList.add("Content Item 7");contentList.add("Content Item 8");

contentList.add("Content Item 9");contentList.add("Content Item 10");

contentList.add("Content Item 11");contentList.add("Content Item 12");

contentList.add("Content Item 13");contentList.add("Content Item 14");

contentList.add("Content Item 15");contentList.add("Content Item 16");

contentList.add("Content Item 17");contentList.add("Content Item 18");

contentList.add("Content Item 19");contentList.add("Content Item 20");

}

}

这样就把全部例子的代码都完成了,现在运行一下法度榜样,会看到MyListView可以像ListView一样,正常显示所有的数据,然则当你用手指在MyListView的某一行上快速滑动时,就会有一个删除按钮显示出来,如下图所示:

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

您可能还会对下面的文章感兴趣: