自定義組件android
『壹』 android自定義組件 MyView,怎樣設定它的背景資源(MyView繼承View)
在layout布局文件中設置,或者你可以findByID把控制項找出來,然後用代碼設置屬性。
『貳』 Android怎麼得到Layout里的布局文件里的自定義組件
首先獲取當前Activity的LayoutInflater:
LayoutInflater factory=LayoutInflater.from(this);
接著使用LayoutInflater對象獲取Layout
final View DialogView=factory.inflate(R.layout.dialog, null);
最後使用該layout獲取組件
m_EditText1=(EditText)DialogView.findViewById(R.id.ip_address2);
『叄』 android 開發怎麼導入自定義組件
復制你自定義的組件的類的限定名,然後用這么限定名在xml文件中就可一用來定義了,比如我自定義的組件位置是com.test.test.MyView,就可以這樣定義
<com.test.test.MyView
這裡面一樣可以設置id,寬高屬性什麼的。
/>
『肆』 android自定義組件的ondraw
這是坐標計算有錯吧,android的canvas和bitmap都是以左上角點為坐標原點,所以你的第一個drawBitmap是能畫出東西來,但是第二個是從canvas的右上角點開始畫,第三個和第四個是從左下角點開始畫,結果都畫到canvas外面去了。
如果要畫在canvas裡面,計算畫圖的起始點的時候要把bitmap的寬和高也考慮進去,比如
第二個應該是
canvas.drawBitmap(mRightBitmap, getRight()-mRightBitmap.getWidth(), 0, paint);
第三個應該是
canvas.drawBitmap(mBottomBitmap, 0, getBottom()-mBottomBitmap.getHeight(), paint);
其他的以此類推。
『伍』 android 自定義組件怎樣在布局中聲明
你可以get父控制項的layoutparams,然後取到裡面的高,然後通過這個高,來定義一個layoutparams, set給你的textView便得了,我寫的方法給你參考下:
/**
* 將傳進來view的布局參數按照比例縮放,以適應不同的屏幕大小,這里處理了RelativeLayout、FrameLayout、
* LinearLayout三種容器里View的布局參數,如有需要可自行增減,其中的scaleWidth=現設備寬/原設備寬
* scaleHeight = 現設備高/原設備高,這個需要用displaymetrics類來取
* @param view
* @param scaleWidth
* @param scaleHeight
*/
public static void setParams(View view, float scaleWidth, float scaleHeight) {
RelativeLayout.LayoutParams rlParams = null;
FrameLayout.LayoutParams flParams = null;
LinearLayout.LayoutParams llParams = null;
if (view.getParent() instanceof RelativeLayout) {
rlParams = (RelativeLayout.LayoutParams) (view.getLayoutParams());
rlParams.width = (int) (rlParams.width * scaleWidth);
rlParams.height = (int) (rlParams.height * scaleHeight);
rlParams.leftMargin = (int) (rlParams.leftMargin * scaleWidth);
rlParams.rightMargin = (int) (rlParams.rightMargin * scaleWidth);
rlParams.topMargin = (int) (rlParams.topMargin * scaleHeight);
rlParams.bottomMargin = (int) (rlParams.bottomMargin * scaleHeight);
view.setLayoutParams(rlParams);
} else if (view.getParent() instanceof FrameLayout) {
flParams = (FrameLayout.LayoutParams) (view.getLayoutParams());
flParams.width = (int) (flParams.width * scaleWidth);
flParams.height = (int) (flParams.height * scaleHeight);
flParams.leftMargin = (int) (flParams.leftMargin * scaleWidth);
flParams.rightMargin = (int) (flParams.rightMargin * scaleWidth);
flParams.topMargin = (int) (flParams.topMargin * scaleHeight);
flParams.bottomMargin = (int) (flParams.bottomMargin * scaleHeight);
view.setLayoutParams(flParams);
} else if (view.getParent() instanceof LinearLayout) {
llParams = (LinearLayout.LayoutParams) (view.getLayoutParams());
llParams.width = (int) (llParams.width * scaleWidth);
llParams.height = (int) (llParams.height * scaleHeight);
llParams.leftMargin = (int) (llParams.leftMargin * scaleWidth);
llParams.rightMargin = (int) (llParams.rightMargin * scaleWidth);
llParams.topMargin = (int) (llParams.topMargin * scaleHeight);
llParams.bottomMargin = (int) (llParams.bottomMargin * scaleHeight);
view.setLayoutParams(llParams);
}
}
『陸』 android 自定義組件中,onMeasure和onlayout的關系是什麼樣
在onMeasure中計運算元View的寬、高,
1.子View的寬、高為包裹內容:
Android | 復制
1
2
3
4
5
6
7
for (int i = 1; i < getChildCount(); i++) {
View childView = getChildAt(i);
// 設定子view寬、高
childView.measure(
MeasureSpec.makeMeasureSpec(LayoutParams.WRAP_CONTENT, MeasureSpec.AT_MOST),
MeasureSpec.makeMeasureSpec(LayoutParams.WRAP_CONTENT, MeasureSpec.AT_MOST));
}
2.指定子View的寬、高:
Android | 復制
1
2
3
4
5
6
7
for (int i = 1; i < getChildCount(); i++) {
View childView = getChildAt(i);
// 設定子view寬、高
childView.measure(
MeasureSpec.makeMeasureSpec(100, MeasureSpec.EXACTLY),
MeasureSpec.makeMeasureSpec(100, MeasureSpec.EXACTLY));
}
其中100可以自己隨意修改,單位是px(像素),如果想使用dp單位的話
Android | 復制
1
2
3
4
5
//轉換dip為px
public static int convertDIP2PX(Context context, int dip) {
float scale = context.getResources().getDisplayMetrics().density;
return (int)(dip*scale + 0.5f*(dip>=0?1:-1));
}
當然也可以去晚上找。
3.不設定子View的寬、高,
Android | 復制
1
2
3
4
5
6
7
for (int i = 1; i < getChildCount(); i++) {
View childView = getChildAt(i);
// 設定子view寬、高
childView.measure(
MeasureSpec.UNSPECIFIED,
MeasureSpec.UNSPECIFIED);
}
也可以這樣寫
Android | 復制
1
2
3
4
5
6
7
for (int i = 1; i < getChildCount(); i++) {
View childView = getChildAt(i);
// 設定子view寬、高
childView.measure(
MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED),
MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
}
當然,如果想要讓這個自定義ViewGroup的寬高包裹內容的話,只需要獲取子view的寬、高來計算,然後調用setMeasuredDimension(int measuredWidth, int measuredHeight)來設置一下就OK了。
Android | 復制
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//我這里每行只放一個View,
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int parentWidthSize = 0;
int paretnHeightSize = 0;
for (int i = 1; i < getChildCount(); i++) {
View childView = getChildAt(i);
// 設定子view寬、高
childView.measure(
MeasureSpec.makeMeasureSpec(100, MeasureSpec.EXACTLY),
MeasureSpec.makeMeasureSpec(100, MeasureSpec.EXACTLY));
parentWidthSize = childView.getMeasuredWidth();
paretnHeightSize += childView.getMeasuredHeight();
}
setMeasuredDimension(parentWidthSize, paretnHeightSize);
}
2onLayout
直接上代碼
Android | 復制
1
2
3
4
5
6
7
8
9
10
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
for (int i = 1; i < getChildCount(); i++) {
View childView = getChildAt(i);
int childWidth = childView.getMeasuredWidth();
int childHeight = childView.getMeasuredHeight();
childView.layout(l, t, r, b);
}
}
一步一步看
Android | 復制
1
childView.layout(l, t, r, b);
其中的
l是childView在這個自定義Viewgroup中距離左邊的距離,
t是距離上邊的距離,
r是自定義Viewgroup中多寬,
b是自定義Viewgroup中多高。
可以這樣理解,把這個子View看作一個矩形,那麼就可以把l、t看作是矩形左上角的坐標,r、b看作是右下角的坐標,這樣比較好理解。
上面已經在onMeasure中計算過子View的寬高了,這里可以直接用,也就是這樣寫
Android | 復制
1
2
3
4
5
6
7
8
9
10
11
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
for (int i = 1; i < getChildCount(); i++) {
View childView = getChildAt(i);
//這里獲取上面計算過的 子View的寬、高
int childWidth = childView.getMeasuredWidth();
int childHeight = childView.getMeasuredHeight();
childView.layout(0, 0, childWidth , childHeight );
}
}
『柒』 android自定義控制項怎麼用
一、控制項自定義屬性介紹
以下示例中代碼均在values/attrs.xml 中定義,屬性均可隨意命名。
1. reference:參考某一資源ID。
示例:
<declare-styleable name = "名稱">
<attr name = "background" format = "reference" />
<attr name = "src" format = "reference" />
</declare-styleable>
2. color:顏色值。
示例:
<declare-styleable name = "名稱">
<attr name = "textColor" format = "color" />
</declare-styleable>
3. boolean:布爾值。
示例:
<declare-styleable name = "名稱">
<attr name = "focusable" format = "boolean" />
</declare-styleable>
4. dimension:尺寸值。
示例:
<declare-styleable name = "名稱">
<attr name = "layout_width" format = "dimension" />
</declare-styleable>
5. float:浮點值。
示例:
<declare-styleable name = "名稱">
<attr name = "fromAlpha" format = "float" />
<attr name = "toAlpha" format = "float" />
</declare-styleable>
6. integer:整型值。
示例:
<declare-styleable name = "名稱">
<attr name = "frameDuration" format="integer" />
<attr name = "framesCount" format="integer" />
</declare-styleable>
7. string:字元串。
示例:
<declare-styleable name = "名稱">
<attr name = "text" format = "string" />
</declare-styleable>
8. fraction:百分數。
示例:
<declare-styleable name="名稱">
<attr name = "pivotX" format = "fraction" />
<attr name = "pivotY" format = "fraction" />
</declare-styleable>
9. enum:枚舉值。
示例:
<declare-styleable name="名稱">
<attr name="orientation">
<enum name="horizontal" value="0" />
<enum name="vertical" value="1" />
</attr>
</declare-styleable>
10. flag:位或運算。
示例:
<declare-styleable name="名稱">
<attr name="windowSoftInputMode">
<flag name = "stateUnspecified" value = "0" />
<flag name = "stateUnchanged" value = "1" />
<flag name = "stateHidden" value = "2" />
<flag name = "stateAlwaysHidden" value = "3" />
</attr>
</declare-styleable>
11.多類型。
示例:
<declare-styleable name = "名稱">
<attr name = "background" format = "reference|color" />
</declare-styleable>
二、屬性的使用以及自定義控制項的實現
1、構思控制項的組成元素,思考所需自定義的屬性。
比如:我要做一個 <帶陰影的按鈕,按鈕正下方有文字說明>(類似9宮格按鈕)
新建values/attrs.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="custom_view">
<attr name="custom_id" format="integer" />
<attr name="src" format="reference" />
<attr name="background" format="reference" />
<attr name="text" format="string" />
<attr name="textColor" format="color" />
<attr name="textSize" format="dimension" />
</declare-styleable>
</resources>
以上,所定義為custom_view,custom_id為按鈕id,src為按鈕,background為陰影背景,text為按鈕說明,textColor為字體顏色,textSize為字體大小。
2、怎麼自定義控制項呢,怎麼使用這些屬性呢?話不多說請看代碼,CustomView :
package com.nanlus.custom;
import com.nanlus.custom.R;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.Gravity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.FrameLayout;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.TextView;
public class CustomView extends FrameLayout implements OnClickListener {
private CustomListener customListener = null;
private Drawable mSrc = null, mBackground = null;
private String mText = "";
private int mTextColor = 0;
private float mTextSize = 20;
private int mCustomId = 0;
private ImageView mBackgroundView = null;
private ImageButton mButtonView = null;
private TextView mTextView = null;
private LayoutParams mParams = null;
public CustomView(Context context) {
super(context);
}
public CustomView(Context context, AttributeSet attrs) {
super(context, attrs);
TypedArray a = context.obtainStyledAttributes(attrs,
R.styleable.custom_view);
mSrc = a.getDrawable(R.styleable.custom_view_src);
mBackground = a.getDrawable(R.styleable.custom_view_background);
mText = a.getString(R.styleable.custom_view_text);
mTextColor = a.getColor(R.styleable.custom_view_textColor,
Color.WHITE);
mTextSize = a.getDimension(R.styleable.custom_view_textSize, 20);
mCustomId = a.getInt(R.styleable.custom_view_custom_id, 0);
mTextView = new TextView(context);
mTextView.setTextSize(mTextSize);
mTextView.setTextColor(mTextColor);
mTextView.setText(mText);
mTextView.setGravity(Gravity.CENTER);
mTextView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT));
mButtonView = new ImageButton(context);
mButtonView.setImageDrawable(mSrc);
mButtonView.setBackgroundDrawable(null);
mButtonView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.WRAP_CONTENT));
mButtonView.setOnClickListener(this);
mBackgroundView = new ImageView(context);
mBackgroundView.setImageDrawable(mBackground);
mBackgroundView.setLayoutParams(new LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT));
addView(mBackgroundView);
addView(mButtonView);
addView(mTextView);
this.setOnClickListener(this);
a.recycle();
}
@Override
protected void onAttachedToWindow() {
super.onAttachedToWindow();
mParams = (LayoutParams) mButtonView.getLayoutParams();
if (mParams != null) {
mParams.gravity = Gravity.CENTER_HORIZONTAL | Gravity.TOP;
mButtonView.setLayoutParams(mParams);
}
mParams = (LayoutParams) mBackgroundView.getLayoutParams();
if (mParams != null) {
mParams.gravity = Gravity.CENTER_HORIZONTAL | Gravity.TOP;
mBackgroundView.setLayoutParams(mParams);
}
mParams = (LayoutParams) mTextView.getLayoutParams();
if (mParams != null) {
mParams.gravity = Gravity.CENTER_HORIZONTAL | Gravity.BOTTOM;
mTextView.setLayoutParams(mParams);
}
}
public void setCustomListener(CustomListener l) {
customListener = l;
}
@Override
public void onClick(View v) {
if (customListener != null) {
customListener.onCuscomClick(v, mCustomId);
}
}
public interface CustomListener {
void onCuscomClick(View v, int custom_id);
}
}
代碼很簡單,就不多說,下面來看看我們的CustomView是怎麼用的,請看:
3、自定義控制項的使用
話不多說,請看代碼,main.xml:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:nanlus="http://schemas.android.com/apk/res/com.nanlus.custom"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:orientation="horizontal" >
<com.nanlus.custom.CustomView
android:id="@+id/custom1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
nanlus:background="@drawable/background"
nanlus:custom_id="1"
nanlus:src="@drawable/style_button"
nanlus:text="按鈕1" >
</com.nanlus.custom.CustomView>
</LinearLayout>
</RelativeLayout>
在這里需要解釋一下,
xmlns:nanlus="http://schemas.android.com/apk/res/com.nanlus.custom"
nanlus為在xml中的前綴,com.nanlus.custom為包名
4、在Activity中,直接上代碼
package com.nanlus.custom;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import com.nanlus.BaseActivity;
import com.nanlus.custom.R;
import com.nanlus.custom.CustomView.CustomListener;
public class CustomActivity extends BaseActivity implements CustomListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
((CustomView) this.findViewById(R.id.custom1)).setCustomListener(this);
}
@Override
public void onCuscomClick(View v, int custom_id) {
switch (custom_id) {
case 1:
Toast.makeText(this, "hello !!!", Toast.LENGTH_LONG).show();
break;
default:
break;
}
}
}
『捌』 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)保存計算結果。
『玖』 android自定義組件應該直接或間接繼承哪個類
1、自定義view需要注意構造函數,所有的xml布局,初始化時構造函數使用的都是(Contextcontext,AttributeSetattrs){兩個參數的。如果沒有該構造函數會報錯。
2、如果有自定義屬性,則需要在當前xml中引入工程包名,否則自定義屬性會報錯
這個問題報錯的願意是第一個,構造函數使用錯誤。增加構造函數就能解決問題。
比如:
java">publicclassMyViewextendsView{//下面2個構造函數都加上
publicMyView(Contextcontext){
}
publicMyView(Contextcontext,AttributeSetattrs){
super(context,attrs);
}
}