Android 自定義控制元件之 繼承佈局檔案
首先定義一個layout實現按鈕內部佈局:
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
LinearLayout
xmlns:android
=
"http://schemas.android.com/apk/res/android"
android:layout_width
=
"fill_parent"
android:layout_height
=
"fill_parent"
android:orientation
=
"horizontal"
>
<
ImageView
android:id
=
"@+id/imageView1"
android:layout_width
=
"wrap_content"
android:layout_height
=
"wrap_content"
android:layout_gravity
=
"center_vertical"
android:paddingBottom
=
"5dip"
android:paddingLeft
=
"40dip"
android:paddingTop
=
"5dip"
android:src
=
"@drawable/right_icon"
/>
<
TextView
android:id
=
"@+id/textView1"
android:layout_width
=
"wrap_content"
android:layout_height
=
"wrap_content"
android:layout_gravity
=
"center_vertical"
android:layout_marginLeft
=
"8dip"
android:text
=
"確定"
android:textColor
=
"#000000"
/>
</
LinearLayout
>
接下來寫一個類繼承LinearLayout,匯入剛剛的佈局,並且設定需要的方法,從而使的能在程式碼中控制這個自定義控制元件內容的顯示。
public
class
ImageBtn
extends
LinearLayout {
private
ImageView imageView;
private
TextView textView;
public
ImageBtn(Context context) {
super
(context);
// TODO Auto-generated constructor stub
}
public
ImageBtn(Context context, AttributeSet attrs) {
super
(context, attrs);
// TODO Auto-generated constructor stub
LayoutInflater inflater=(LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
inflater.inflate(R.layout.imagebtn,
this
);
imageView=(ImageView) findViewById(R.id.imageView1);
textView=(TextView)findViewById(R.id.textView1);
}
/**
* 設定圖片資源
*/
public
void
setImageResource(
int
resId) {
imageView.setImageResource(resId);
}
/**
* 設定顯示的文字
*/
public
void
setTextViewText(String text) {
textView.setText(text);
}
}
在需要使用這個自定義控制元件的layout中加入這控制元件,只需要在xml中加入即可。
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
LinearLayout
xmlns:android
=
"http://schemas.android.com/apk/res/android"
android:layout_width
=
"fill_parent"
android:layout_height
=
"fill_parent"
android:orientation
=
"horizontal"
>
<
cn.com.karl.view.ImageBtn
android:id
=
"@+id/btn_right"
android:layout_height
=
"wrap_content"
android:layout_width
=
"wrap_content"
android:background
=
"@drawable/btn"
/>
<
cn.com.karl.view.ImageBtn
android:id
=
"@+id/btn_error"
android:layout_marginLeft
=
"5dp"
android:layout_height
=
"wrap_content"
android:layout_width
=
"wrap_content"
android:background
=
"@drawable/btn"
/>
</
LinearLayout
>
這裡用到了背景圖片 在drawable/btn.xml (這裡是通過select 來設定該控制元件在不同狀態下的背景圖片)
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
selector
xmlns:android
=
"http://schemas.android.com/apk/res/android"
>
<
item
android:state_focused
=
"true"
android:state_pressed
=
"false"
android:drawable
=
"@drawable/btn_normal"
></
item
>
<
item
android:state_pressed
=
"true"
android:drawable
=
"@drawable/btn_white"
></
item
>
<
item
android:state_checked
=
"true"
android:drawable
=
"@drawable/btn_white"
></
item
>
<
item
android:state_focused
=
"false"
android:state_pressed
=
"false"
android:drawable
=
"@drawable/btn_normal"
></
item
>
</
selector
>
最後在activity中設定該控制元件,和其他控制元件差不多:
public
class
IdentifyButtonActivity
extends
Activity {
private
ImageBtn imageBtn1;
private
ImageBtn imageBtn2;
@Override
protected
void
onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super
.onCreate(savedInstanceState);
setContentView(R.layout.identifybutton);
imageBtn1=(ImageBtn)
this
.findViewById(R.id.btn_right);
imageBtn2=(ImageBtn)
this
.findViewById(R.id.btn_error);
imageBtn1.setTextViewText(
"確定"
);
imageBtn2.setTextViewText(
"取消"
);
imageBtn1.setImageResource(R.drawable.right_icon);
imageBtn2.setImageResource(R.drawable.error_icon);
imageBtn1.setOnClickListener(
new
View.OnClickListener() {
public
void
onClick(View v) {
// TODO Auto-generated method stub
Toast.makeText(getApplicationContext(),
"點選的正確按鈕"
,
1
).show();
}
});
imageBtn2.setOnClickListener(
new
View.OnClickListener() {
public
void
onClick(View v) {
// TODO Auto-generated method stub
Toast.makeText(getApplicationContext(),
"點選的錯誤按鈕"
,
1
).show();
}
});
}
}
最後看看我們自定義控制元件的效果吧!
相關推薦
Android 自定義控制元件之 繼承佈局檔案
首先定義一個layout實現按鈕內部佈局: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:andr
Android 自定義控制元件之繼承view
一.自定義控制元件的型別: 1.繼承view(自繪檢視:view中的內容是我們自己繪製出來的,需要重寫onDraw方法) 2.繼承已有原生控制元件 3.自定義組合控制元件(將系統原生的控制元件組合到一起) 本
Android 自定義控制元件之打造流佈局實現熱門搜尋標籤
最終效果 首先來看看效果圖: 其他地方很好實現,就是熱門搜尋有點麻煩,由於資料的不確定性,那麼像GridView明顯不能滿足了,這時候就只能自己來定義一個佈局了。 最終實現後的效果: 具體實現 1,自定義一個類繼承
Android自定義控制元件之區域性圖片放大鏡--BiggerView
零、前言: 本文的知識點一覽 1.自定義控制元件及自定義屬性的寫法,你也將對onMesure有更深的認識 2.關於bitmap的簡單處理,及canvas區域裁剪 3.本文會實現兩個自定義控制元件:FitImageView(圖片自適應)和BiggerView(放大鏡),前者為後者作為鋪墊。 4.最後會
Android自定義控制元件之仿汽車之家下拉重新整理
關於下拉重新整理的實現原理我在上篇文章Android自定義控制元件之仿美團下拉重新整理中已經詳細介紹過了,這篇文章主要介紹錶盤的動畫實現原理 汽車之家的下拉重新整理分為三個狀態: 第一個狀態為下拉重新整理狀態(pull to refresh),在這個狀
Android自定義控制元件之《折線圖的繪製》
金融軟體裡的行情分時圖,這是我們最常見的折線圖,當然了,折線圖的用途並不僅僅侷限於此,像一般在一定區間內,為了更好的能顯示出幅度的變化,那麼用折線圖來展示無疑是最符合效果的,當然了,網上也有很多的第
Android自定義控制元件之實現滑動選擇開關
前言:今天我們仿照著Google給我們提供的Switch控制元件來進行一次模仿,自己動手打造一個可以換滑動圖片以及背景的圖片。 -----------------分割線--------------- 先看一下google提供的Switc控制元件: 其實用法很簡單就當普通的
android自定義控制元件之圓形進度條(帶動畫)
首先貼上圖片: 額,感覺還行吧,就是進度條的顏色醜了點,不過咱是程式設計師,不是美工,配色這種問題當然不在考慮範圍之內了 下面說重點,如何來寫一個這樣的自定義控制元件。 首先,需要有一個灰色的底圖,來作為未填充時的進度條; 然後,根據傳入的當前進度值,繪製填充時的進度圓
Android自定義控制元件之百分比圓環進度條
首先我們先來看一下效果 分析 我們來看這個進度條應該分為3個小部分 1.中間的圓 2.外邊的圓環 3.中間的文字 分開畫 這3部分就是需要我們自己畫出來的,因此我們需要3根畫筆 //設定中心園的畫筆
Android自定義控制元件之圓形頭像
重寫ImageView public class CircleImageView extends ImageView { private static final ScaleType SCALE_TYPE = ScaleType.CENTER_CROP; p
Android 自定義控制元件之命運之輪(抽獎轉盤)
1 思路 首先肯定是要繪製扇形的,每一個獎品為一個扇形區分開,然後在扇形中得有當前獎品的說明,最後讓這個輪盤轉起來就行了。說起來很簡單,但是在繪製的時候,特別是繪製文字的時候還有有一些細節需要注意的,也不是難點,只是要理清楚那些地方應該怎麼去畫,怎麼獲取需要繪製的座標。
Android 自定義控制元件之ViewPager Indicator實現方式
介紹 ViewPager 的Indicator實現兩種效果 如下圖所示: 效果一 效果二 佈局檔案: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmln
Android自定義控制元件之掃描動畫UI
前言 最近有一個需求,就是做一個掃描的UI,看了很多掃描動畫,發現酷狗的掃描動畫挺漂亮的,所以就做了一個相似的掃描動畫,廢話不多說,先看一下最終的效果吧。 最終效果圖 介紹 首先我們看一下這個效果,它由以下幾部分組成: 1.中間一個音符圖片
Android自定義控制元件之測量onMeasure
由上圖可知,語法角度:子類可以重寫onMeasure,只能繼承View的measure,setMeasuredDimension方法。測量流程分為兩種情況討論:容器控制元件ViewGroup,原始的View(非容器控制元件)。原始的View測量,只需要測量自己的寬高;而容器控制元件需要先測量所有的子View
Android自定義控制元件之入門篇---整理網路上的資源
前言, 我的視訊系列 http://edu.csdn.net/course/detail/2741, 一起來學習Android… 本篇部落格主要是想要講解一下自定義控制元件如何入門,其中有好多資料資源來源自網路,綜合了網路上一些有些的博文
Android自定義控制元件之畫圓,並且修改其填充色
畫圓就是簡答呼叫了drawCircle的api public class Dot extends View { public Dot(Context context) { s
Android自定義控制元件之自定義TextView,實現drawableLeft可以和文字一起居中
LZ-Says:給大家推薦一個網站,有興趣可以查閱,想為大家貢獻一點自己的力量也可以投稿,老大稽核通過會發表,更好的幫助有需要的人~歡迎大家踴躍投稿~地址如下: http://ww
Android 自定義控制元件之基礎幾何圖形繪製詳解
前言 距離寫上一篇自定義View文章已經大半年過去了,一直想繼續寫,但是無奈技術有限,生怕誤人子弟。這段時間專案剛剛完成,有點時間,跟著大神的腳步,鞏固下自定義View的相關基礎知識。 Canvas&Paint Canvas和Pa
Android自定義控制元件之虛線的用法
Android實現畫虛線的方法 Android中可以通過DashPathEffect來實現,想知道關於PathEffect的詳細用法,請移步PathEffect的詳細用法 程式碼示例: PathE
Android 自定義控制元件之標籤控制元件
一、首先這是效果 二、實現原理 通過繼承ViewGroup,然後在重寫 onMeasure測量每個View的寬度,重新onLayout控制每個控制元件的位置, 並新增點選事件 三、實現 1、在onMeasure方法中得到顯示方式,並得到寬高 int widt