『壹』 android自定義控制項怎麼用
開發自定義控制項的步驟:
1、了解View的工作原理
2、 編寫繼承自View的子類
3、 為自定義View類增加屬性
4、 繪制控制項
5、 響應用戶消息
6 、自定義回調函數
一、View結構原理
Android系統的視圖結構的設計也採用了組合模式，即View作為所有圖形的基類，Viewgroup對View繼承擴展為視圖容器類。
View定義了繪圖的基本操作
基本操作由三個函數完成：measure()、layout()、draw()，其內部又分別包含了onMeasure()、onLayout()、onDraw()三個子方法。具體操作如下：
1、measure操作
measure操作主要用於計算視圖的大小，即視圖的寬度和長度。在view中定義為final類型，要求子類不能修改。measure()函數中又會調用下面的函數：
（1）onMeasure()，視圖大小的將在這里最終確定，也就是說measure只是對onMeasure的一個包裝，子類可以覆寫onMeasure()方法實現自己的計算視圖大小的方式，並通過setMeasuredDimension(width, height)保存計算結果。
2、layout操作
layout操作用於設置視圖在屏幕中顯示的位置。在view中定義為final類型，要求子類不能修改。layout()函數中有兩個基本操作：
（1）setFrame（l,t,r,b），l,t,r,b即子視圖在父視圖中的具體位置，該函數用於將這些參數保存起來；
（2）onLayout()，在View中這個函數什麼都不會做，提供該函數主要是為viewGroup類型布局子視圖用的；
3、draw操作
draw操作利用前兩部得到的參數，將視圖顯示在屏幕上，到這里也就完成了整個的視圖繪制工作。子類也不應該修改該方法，因為其內部定義了繪圖的基本操作：
（1）繪制背景；
（2）如果要視圖顯示漸變框，這里會做一些准備工作；
（3）繪制視圖本身，即調用onDraw()函數。在view中onDraw()是個空函數，也就是說具體的視圖都要覆寫該函數來實現自己的顯示（比如TextView在這里實現了繪制文字的過程）。而對於ViewGroup則不需要實現該函數，因為作為容器是「沒有內容「的，其包含了多個子view，而子View已經實現了自己的繪制方法，因此只需要告訴子view繪制自己就可以了，也就是下面的dispatchDraw()方法;
（4）繪制子視圖，即dispatchDraw()函數。在view中這是個空函數，具體的視圖不需要實現該方法，它是專門為容器類准備的，也就是容器類必須實現該方法；
（5）如果需要（應用程序調用了setVerticalFadingEdge或者setHorizontalFadingEdge），開始繪制漸變框；
（6）繪制滾動條；
從上面可以看出自定義View需要最少覆寫onMeasure()和onDraw()兩個方法。
二、View類的構造方法
創建自定義控制項的3種主要實現方式:
1）繼承已有的控制項來實現自定義控制項: 主要是當要實現的控制項和已有的控制項在很多方面比較類似, 通過對已有控制項的擴展來滿足要求。
2）通過繼承一個布局文件實現自定義控制項，一般來說做組合控制項時可以通過這個方式來實現。
注意此時不用onDraw方法，在構造廣告中通過inflater載入自定義控制項的布局文件，再addView(view)，自定義控制項的圖形界面就載入進來了。
3）通過繼承view類來實現自定義控制項，使用GDI繪制出組件界面，一般無法通過上述兩種方式來實現時用該方式。
三、自定義View增加屬性的兩種方法：
1）在View類中定義。通過構造函數中引入的AttributeSet 去查找XML布局的屬性名稱，然後找到它對應引用的資源ID去找值。
案例：實現一個帶文字的圖片（圖片、文字是onDraw方法重繪實現）
public class MyView extends View {
private String mtext;
private int msrc;
public MyView(Context context) {
super(context);
}
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
int resourceId = 0;
int textId = attrs.getAttributeResourceValue(null, "Text",0);
int srcId = attrs.getAttributeResourceValue(null, "Src", 0);
mtext = context.getResources().getText(textId).toString();
msrc = srcId;
}
@Override
protected void onDraw(Canvas canvas) {
Paint paint = new Paint();
paint.setColor(Color.RED);
InputStream is = getResources().openRawResource(msrc);
Bitmap mBitmap = BitmapFactory.decodeStream(is);
int bh = mBitmap.getHeight();
int bw = mBitmap.getWidth();
canvas.drawBitmap(mBitmap, 0,0, paint);
//canvas.drawCircle(40, 90, 15, paint);
canvas.drawText(mtext, bw/2, 30, paint);
}
}
布局文件：
<?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" >
<com.example.myimageview2.MyView
android:id="@+id/myView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
Text="@string/hello_world"
Src="@drawable/xh"/>
</LinearLayout>
屬性Text, Src在自定義View類的構造方法中讀取。
2）通過XML為View注冊屬性。與Android提供的標准屬性寫法一樣。
案例: 實現一個帶文字說明的ImageView (ImageView+TextView組合，文字說明，可在布局文件中設置位置)
public class MyImageView extends LinearLayout {
public MyImageView(Context context) {
super(context);
}
public MyImageView(Context context, AttributeSet attrs) {
super(context, attrs);
int resourceId = -1;
TypedArray typedArray = context.obtainStyledAttributes(attrs,
R.styleable.MyImageView);
ImageView iv = new ImageView(context);
TextView tv = new TextView(context);
int N = typedArray.getIndexCount();
for (int i = 0; i < N; i++) {
int attr = typedArray.getIndex(i);
switch (attr) {
case R.styleable.MyImageView_Oriental:
resourceId = typedArray.getInt(
R.styleable.MyImageView_Oriental, 0);
this.setOrientation(resourceId == 1 ? LinearLayout.HORIZONTAL
: LinearLayout.VERTICAL);
break;
case R.styleable.MyImageView_Text:
resourceId = typedArray.getResourceId(
R.styleable.MyImageView_Text, 0);
tv.setText(resourceId > 0 ? typedArray.getResources().getText(
resourceId) : typedArray
.getString(R.styleable.MyImageView_Text));
break;
case R.styleable.MyImageView_Src:
resourceId = typedArray.getResourceId(
R.styleable.MyImageView_Src, 0);
iv.setImageResource(resourceId > 0 ?resourceId:R.drawable.ic_launcher);
break;
}
}
addView(iv);
addView(tv);
typedArray.recycle();
}
}
attrs.xml進行屬性聲明， 文件放在values目錄下
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="MyImageView">
<attr name="Text" format="reference|string"></attr>
<attr name="Oriental" >
<enum name="Horizontal" value="1"></enum>
<enum name="Vertical" value="0"></enum>
</attr>
<attr name="Src" format="reference|integer"></attr>
</declare-styleable>
</resources>
MainActivity的布局文件：先定義命名空間 xmlns:uview="http://schemas.android.com/apk/res/com.example.myimageview2" （com.example.myimageview2為你
在manifest中定義的包名）
然後可以像使用系統的屬性一樣使用：uview:Oriental="Vertical"
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:uview="http://schemas.android.com/apk/res/com.example.myimageview2"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/hello_world" />
<com.example.myimageview2.MyImageView
android:id="@+id/myImageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
uview:Text="這是一個圖片說明"
uview:Src="@drawable/tw"
uview:Oriental="Vertical">
</com.example.myimageview2.MyImageView>
</LinearLayout>
四、控制項繪制 onDraw()
五、
六：自定義View的方法
onFinishInflate() 回調方法，當應用從XML載入該組件並用它構建界面之後調用的方法
onMeasure() 檢測View組件及其子組件的大小
onLayout() 當該組件需要分配其子組件的位置、大小時
onSizeChange() 當該組件的大小被改變時
onDraw() 當組件將要繪制它的內容時
onKeyDown 當按下某個鍵盤時
onKeyUp 當松開某個鍵盤時
onTrackballEvent 當發生軌跡球事件時
onTouchEvent 當發生觸屏事件時
onWindowFocusChanged(boolean) 當該組件得到、失去焦點時
onAtrrachedToWindow() 當把該組件放入到某個窗口時
onDetachedFromWindow() 當把該組件從某個窗口上分離時觸發的方法
onWindowVisibilityChanged(int): 當包含該組件的窗口的可見性發生改變時觸發的方法
『貳』 如何打造Android自定義的下拉列表框控制項
一、概述
Android中的有個原生的下拉列表控制項Spinner，但是這個控制項有時候不符合我們自己的要求，
比如有時候我們需要類似windows 或者web網頁中常見的那種下拉列表控制項，類似下圖這樣的：
這個時候只有自己動手寫一個了。其實實現起來不算很難，
本文實現的方案是採用TextView +ImageView+PopupWindow的組合方案。
先來看看我們的自己寫的控制項效果圖吧：（源碼在文章下面最後給出哈！）
二、自定義下拉列表框控制項的實現
1. 自定義控制項用到的布局文件和資源：
結果框的布局頁面：dropdownlist_view.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:orientation="horizontal"
android:id="@+id/compound"
android:background="@drawable/dropdown_bg_selector" >
<TextView
android:id="@+id/text"
android:layout_width="250dp"
android:layout_height="40dp"
android:paddingLeft="10dp"
android:text="文本文字"
android:gravity="center_vertical"
android:textSize="14sp"
android:padding="5dp"
android:singleLine="true" />
<ImageView
android:id="@+id/btn"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_toRightOf="@+id/text"
android:src="@drawable/dropdown"
android:padding="5dp"
android:layout_centerVertical="true"
android:gravity="center"/>
</RelativeLayout>
下拉彈窗列表布局頁面：dropdownlist_popupwindow.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" >
<ListView
android:id="@+id/listView"
android:layout_width="280dp"
android:layout_height="wrap_content"
android:divider="#666666"
android:dividerHeight="1dp"
></ListView>
</LinearLayout>
selector資源文件：
dropdown_list_selector.xml：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@color/dropdownlist_item_press"/>
<item android:drawable="@color/dropdownlist_item"/>
</selector>
dropdown_bg_selector.xml：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@color/dropdownlist_press"/>
<item android:drawable="@color/dropdownlist_bg"/>
</selector>
2. 自定義下拉列表框控制項類的實現：
我們採用了TextView+ImageView+PopupWindow的組合方案，所以我的自定義控制項需要重寫ViewGroup，由於我們已經知道了，布局方向為豎直方向，所以這里，
我直接繼承LinearLayout來寫這個控制項。具體實現代碼如下：
package com.czm.xcdropdownlistview;
import java.util.ArrayList;
import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;
@SuppressLint("NewApi")
/**
* 下拉列表框控制項
* @author caiming
*
*/
public class XCDropDownListView extends LinearLayout{
private TextView editText;
private ImageView imageView;
private PopupWindow popupWindow = null;
private ArrayList<String> dataList = new ArrayList<String>();
private View mView;
public XCDropDownListView(Context context) {
this(context,null);
// TODO Auto-generated constructor stub
}
public XCDropDownListView(Context context, AttributeSet attrs) {
this(context, attrs,0);
// TODO Auto-generated constructor stub
}
public XCDropDownListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
initView();
}
public void initView(){
String infServie = Context.LAYOUT_INFLATER_SERVICE;
LayoutInflater layoutInflater;
layoutInflater = (LayoutInflater) getContext().getSystemService(infServie);
View view = layoutInflater.inflate(R.layout.dropdownlist_view, this,true);
editText= (TextView)findViewById(R.id.text);
imageView = (ImageView)findViewById(R.id.btn);
this.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
if(popupWindow == null ){
showPopWindow();
}else{
closePopWindow();
}
}
});
}
/**
* 打開下拉列表彈窗
*/
private void showPopWindow() {
// 載入popupWindow的布局文件
String infServie = Context.LAYOUT_INFLATER_SERVICE;
LayoutInflater layoutInflater;
layoutInflater = (LayoutInflater) getContext().getSystemService(infServie);
View contentView = layoutInflater.inflate(R.layout.dropdownlist_popupwindow, null,false);
ListView listView = (ListView)contentView.findViewById(R.id.listView);
listView.setAdapter(new XCDropDownListAdapter(getContext(), dataList));
popupWindow = new PopupWindow(contentView,LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
popupWindow.setBackgroundDrawable(getResources().getDrawable(R.color.transparent));
popupWindow.setOutsideTouchable(true);
popupWindow.showAsDropDown(this);
}
/**
* 關閉下拉列表彈窗
*/
private void closePopWindow(){
popupWindow.dismiss();
popupWindow = null;
}
/**
* 設置數據
* @param list
*/
public void setItemsData(ArrayList<String> list){
dataList = list;
editText.setText(list.get(0).toString());
}
/**
* 數據適配器
* @author caiming
*
*/
class XCDropDownListAdapter extends BaseAdapter{
Context mContext;
ArrayList<String> mData;
LayoutInflater inflater;
public XCDropDownListAdapter(Context ctx,ArrayList<String> data){
mContext = ctx;
mData = data;
inflater = LayoutInflater.from(mContext);
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return mData.size();
}
@Override
public Object getItem(int position) {
// TODO Auto-generated method stub
return null;
}
@Override
public long getItemId(int position) {
// TODO Auto-generated method stub
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
// TODO Auto-generated method stub
// 自定義視圖
ListItemView listItemView = null;
if (convertView == null) {
// 獲取list_item布局文件的視圖
convertView = inflater.inflate(R.layout.dropdown_list_item, null);
listItemView = new ListItemView();
// 獲取控制項對象
listItemView.tv = (TextView) convertView
.findViewById(R.id.tv);
listItemView.layout = (LinearLayout) convertView.findViewById(R.id.layout_container);
// 設置控制項集到convertView
convertView.setTag(listItemView);
} else {
listItemView = (ListItemView) convertView.getTag();
}
// 設置數據
listItemView.tv.setText(mData.get(position).toString());
final String text = mData.get(position).toString();
listItemView.layout.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
editText.setText(text);
closePopWindow();
}
});
return convertView;
}
}
private static class ListItemView{
TextView tv;
LinearLayout layout;
}
}
三、如何使用該自定義下拉列表框控制項
使用該控制項和使用普通的自帶的控制項一樣，首先需要在布局文件中引用該控制項：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.czm.xcdropdownlistview.MainActivity"
tools:ignore="MergeRootFrame" >
<com.czm.xcdropdownlistview.XCDropDownListView
android:id="@+id/drop_down_list_view"
android:layout_marginTop="10dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true" />
</RelativeLayout>
其次，就是在代碼中使用該控制項：
package com.czm.xcdropdownlistview;
import java.util.ArrayList;
import android.app.Activity;
import android.os.Bundle;
/**
* 使用下拉列表框控制項 示例
* @author caiming
*
*/
public class MainActivity extends Activity {
XCDropDownListView dropDownListView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
dropDownListView = (XCDropDownListView)findViewById(R.id.drop_down_list_view);
ArrayList<String> list = new ArrayList<String>();
for(int i = 0;i< 6;i++){
list.add("下拉列表項"+(i+1));
}
dropDownListView.setItemsData(list);
}
}
對了，這個控制項中，我沒有實現點擊item項回調介面，這個可能對有些寫慣了回調的可能覺得少了寫什麼的感覺，有興趣的你可以自己添加相關回調操作哈，這個大家應該都會把。
『叄』 android怎麼使用別人自定義的控制項
導入你自定義空間的那個類 然後調用自定義控制項的初始化方法
『肆』 Android 紅包雨效果自定義控制項
思路：利用Path繪制動畫軌跡，再使用PathMeasure獲取軌跡中的坐標位置實時改變view的坐標完成紅包動畫。
封裝一個紅包容器view用於管理大量紅包view的顯示、動畫、消失、回收利用
單個紅包view動畫軌跡設置
適配器：用於定義紅包view的樣式、軌跡路線、動畫屬性、數據
使用方式，在布局中添加view
在界面中定義適配器，添加紅包數據
源碼地址: https://github.com/LucasDevelop/CustomView 。中的（Falling）部分
『伍』 Android中的自定義控制項
組合控制項：即由原生控制項拼裝而成，不需要自己實現或者繪制具體的頁面內容和效果，常用於標題欄TitlleView
eg：
繼承控制項的意思就是，我們並不需要自己重頭去實現一個控制項，只需要去繼承一個現有的控制項，然後在這個控制項上增加一些新的功能，就可以形成一個自定義的控制項了。這種自定義控制項的特點就是不僅能夠按照我們的需求加入相應的功能，還可以保留原生控制項的所有功能。
熟悉view的繪制原理
1.measure用來測量View的寬和高。
2.layout用來確定View在父容器中放置的位置。
3.draw用來將view繪制在屏幕上
『陸』 Android中自定義組合控制項是怎麼來回調用的
android開發者網站上有相關州喊的說明文檔： public View (Context context)是在java代碼創建視圖的時候被調用，如果是從xml填充宴猜的視圖，就不會調用這個 public View (Context context, AttributeSet attrs)這個是在xml創冊祥野建但是沒有指定style的時候被調用 public View (Context context, AttributeSet attrs, int defStyle)這個不用說也懂了吧
『柒』 android中怎樣實現自定義控制項中的組合控制項
public class MyView extends View{
//此處省略構造方法
private void onDraw(Canvas canvas){
//重寫view的onDraw方法，繪制控制項的樣式
//這里你使用canvas來繪制，你布局中使用這個控制項就是你繪制的樣子
}
//然後你可以定義很多自己的一些方法，用來修改控制項的樣式
//假如你自定義的一個進度條的話，就要修改進度條值，你就可以自定義方法，讓實現對象來改變進度值，記得修改後調用validate方圓山纖法更新顯示。（具體函數記不太清了）
}
大概就是這樣實現的自定義控制項，自定義控制項的話優化是很重要的哦，不然性能會很差。
然後你要使用這個控制項的話，在布局中就需要這樣定義，假如這個自定義控制項類是這樣的：
xxx.xxx.MyView。
則使用時：
<xxx.xxx.MyView
這些地方一樣的設置寬高，id啊橘仿雜七雜八的屬性
/唯春>
『捌』 android 的自定義控制項
不同包，又不能導入這個類。所以編譯器不知道有這個類，當然就聯想不出來了。
『玖』 androidstudio 自定義控制項
你的自定義控制項只實現了一個參數的構造方法
View有三個構造方法
publicView(Contextcontext)
publicView(Contextcontext,AttributeSetattrs)
publicView(Contextcontext,AttributeSetattrs,intdefStyle)
要在布局中使用自定義控制項，控制項必須實現帶參數AttributeSet的構造方法，實例化布局的時候會調用這個方法去實例化控制項，否則就會報你圖上的錯誤
另外引用自定義控制項派絕殲的時候必須用包名.類名的宏豎方式塵沖，否則也會報錯