Android | 常用控件的使用方法（一）

淩亂°似流年 2021-09-07 06:21 389阅读 0赞

**TextView文本控件**

android:id给当前控件定义了一个唯一标识符

android:layout\_width和android:layout\_height指定了控件的宽度和高度

match\_parent表示让当前控件的大小和父布局的大小一样，也就是由父布局来决定当前控件的大小

wrap\_content表示让当前控件的大小能够刚好包含住里面的内容，也就是由控件内容决定当前控件的大小

android:text指定TextView中显示的文本内容

android:gravity来指定文字的对齐方式，可选值有top、bottom、left、right、center等

android:textSize设置文字的大小

android:textColor设置文字的颜色

![2057f02b725bed001785dd00ae62e4d2.png][]

**Button按钮控件**

为Button的点击事件编写一个监听器

匿名类的方式

public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            Button button=(Button)findViewById(R.id.button);
            button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    //此处添加执行事件代码
                }
            });
        }
    }

实现接口的方式

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            Button button=(Button)findViewById(R.id.button);
            button.setOnClickListener(this);
        }
    
        @Override
        public void onClick(View view) {
            switch (view.getId())
            {
                case R.id.button:
                    //此处添加执行事件代码
                    break;
                default:
                    break;
            }
        }
    }

**EditText输入框控件**

android:hint属性指定了一段提示性的文本

android:maxLines指定了EditText的最大行数

![b8b26e7e9d5b546ee7c9b44dedf9f688.png][]

点击按钮来获取EditText中输入的内容

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    
        private EditText editText;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            Button button=(Button)findViewById(R.id.button);
            editText=(EditText)findViewById(R.id.edittext);
            button.setOnClickListener(this);
        }
    
        @Override
        public void onClick(View v) {
            switch (v.getId())
            {
                case R.id.button:
                    String inputText=editText.getText().toString();
                    Toast.makeText(MainActivity.this,inputText,Toast.LENGTH_SHORT).show();
                    break;
                default:
                    break;
            }
        }
    }

通过findViewById()方法得到EditText的实例

在按钮的点击事件里调用EditText的getText()方法获取到输入的内容，

调用toString()方法转换成字符串，

最后使用Toast将输入的内容显示出来

![e211663dd5661045f537a179fe1a3439.png][]

**ImageView图片控件**

注意：图片放置在res/drawable目录下

![05f67d8c41c75cd3d21752c66bc4393f.png][]

通过代码动态地更改ImageView中的图片

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
    
        private EditText editText;
        private ImageView imageView;
    
        @SuppressLint("WrongViewCast")
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            Button button=(Button)findViewById(R.id.button);
            editText=(EditText)findViewById(R.id.edittext);
            imageView=(ImageView)findViewById(R.id.imageview);
            button.setOnClickListener(this);
        }
    
        @Override
        public void onClick(View v) {
            switch (v.getId())
            {
                case R.id.button:
                    imageView.setImageResource(R.drawable.a2);
    //                String inputText=editText.getText().toString();
    //                Toast.makeText(MainActivity.this,inputText,Toast.LENGTH_SHORT).show();
                    break;
                default:
                    break;
            }
        }
    }

通过调用ImageView的setImageResource()方法将显示的图片改成a2

![5bff3593358488a019854c0a828c0a05.png][]

![0d4f5dff466a4e2ebcf56a32d3c27be0.png][]

[2057f02b725bed001785dd00ae62e4d2.png]: /images/20210813/47399458c37f464fbf039a6ee9112e16.png
[b8b26e7e9d5b546ee7c9b44dedf9f688.png]: /images/20210813/ee58e7f0a2f14dee8ed0c5f7d85ee80a.png
[e211663dd5661045f537a179fe1a3439.png]: /images/20210813/888353bfb7de4f75817a9e42ac48dfa6.png
[05f67d8c41c75cd3d21752c66bc4393f.png]: /images/20210813/0e1ad67531074322bd1c33bceeeb82b6.png
[5bff3593358488a019854c0a828c0a05.png]: /images/20210813/07c1f41077794d6aab17ebf4ad93efcb.png
[0d4f5dff466a4e2ebcf56a32d3c27be0.png]: /images/20210813/3b1a6226c65d43b2b8631ea8d12269ef.png