自定义组件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);
}
}