本文共 3104 字，大约阅读时间需要 10 分钟。

【注：次博客长期荒置，因此附上这个工程的下载链接：  有兴趣可以下载看看】

既然是要做app，那么如果全都用android自带的控件的话界面就太单调和难看了，所以每个app都有自己的风格和外观，那么，现在就来研究一下如何做一个自己中意的控件吧~

首先，新建一个android工程，我就命名为buttonTest了。

在给activity.java文件动手脚之间，我比较喜欢先搞定xml文件，我们这里测试两个控件，一个是自制按钮，一个是自制textview控件，道理是一样的，就是为了告诉大家这个适用于任意的控件。

首先我们在main.xml文件(我就懒得换名字了)里添加三个控件，每个控件都可以给它很多属性，具体查看可以输入android： 然后后面就自动出现了它的所有属性：

然后这里我们只给出需要的。注意第一行那个android:id="@+id/mybutton"，这个意思是，给这个控件一个名字，这个名字是存在之前提到过的R.java文件里的，因为是添加一个名字，所以用了+id，如果是引用string.java文件里的string字符串的话，就只需要@string/nameofstring 。不需要加好了，具体我们看代码：

main.xml文件如下：

可以看到三个控件我都给了个ID，是因为我要在activity的java文件里给它一个listener，也就是说要对这个控件进行操作，这是后话了。

里面的text内容我放在了string.xml文件里了。

其中的 android:background="@drawable/xxxxxx" 这一行，就是针对这个控件定制的类型，xxxx是定义这个类型用的文件。

那么这个文件怎么来呢~？其实就是右键点工程，新建android的xml文件，然后选择Drawable，最下面的root element选择selector，然后在res文件夹下就会生成一个叫做drawable的文件夹，里面就放着你定义的文件：

然后我们就可以点开这个文件，给刚才定义的空间覆上属性了，我就随意上网找了两个图，然后放在了drawable-hdpi里（真不负责任啊），然后buttonstyle的内容如下：

其实就是针对不同的状态给图就可以了。

然后呢 这个button就完成了。

效果如下：

在按下的状态下它是蓝色的图，我就不截了。

当然，这个并不能满足我们，因为很多时候，按钮上是要定义文字的。

但是如果只用一个图片做背景，那么因为长宽的问题，背景图片经常就会被拉伸的很难看，所以，这里就要提到一个android自带的工具，叫做draw9patch。我们找到android的sdk文件夹，里面有个叫tool的文件夹，里面就放了这个工具，我们点开它（会慢，耐心等下），发现界面很单纯：

它虽然长得很单纯，但是效果可是华丽丽的哦~

我们找到一个希望放文字的图片素材进来，然后她会自动给图片的四周放大一个像素，来让我们定义拉伸时候的重复像素。

这里我用了苹果短信的气泡：

在拉伸的时候，它会复制这四个点范围内的像素，而不是一味的拉伸。

换句话说，拉伸的时候，图像会复制这4个点对应的行列，而不会影响其它的像素。

我稍微把这个图画个示意：

被红线框起来的部分，就是横向或者纵向拉伸的时候被不断复制的地方，而其它地方拉伸的时候并不影响。

这样，我们把这个图用在textview的定制文件里，textview.xml的内容如下：

OK了，为了能看效果，我在activity文件里动了点手脚，文件完整内容如下：

package android.button;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.view.View.OnLongClickListener;import android.widget.Button;import android.widget.TextView;import android.widget.Toast;public class ButtonTestActivity extends Activity {    /** Called when the activity is first created. */    private Button button;    private TextView text;    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        text = (TextView)findViewById(R.id.text);        button = (Button)findViewById(R.id.button);        button.setOnClickListener(new OnClickListener() {                        @Override            public void onClick(View v) {                // TODO Auto-generated method stub                Toast.makeText(getApplicationContext(), "clicked",                         Toast.LENGTH_SHORT).show();            }        });        text.setOnLongClickListener(new OnLongClickListener() {                        @Override            public boolean onLongClick(View v) {                // TODO Auto-generated method stub                Toast.makeText(getApplicationContext(), "long clicked",                         Toast.LENGTH_SHORT).show();                return false;            }        });    }    }

好了，让我们运行看看吧~

转载地址：https://blog.csdn.net/thinkinwm/article/details/9341913 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！