[APP] Android 开发笔记 004-Android常用基本控件使用说明

时间:2024-10-03 18:05:26
  • TextView 文本框
  • EditText控件
  • Button 与 ImageButton
  • ImageView
  • RadioButton
  • CheckBox复选框

TextView 文本框

,用于显示文本的控件
    1) 代码
    <TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="Hello World, MyActivity"
    />

2)TextView的常用属性:

-id: 为TextView设置一个组件id,根据id,我们可以在Java代码中获取到该对象,然后进行相关属性的设置
        -layout_width: 组件宽度,一般有3种属性 wrap_content ,match_parent 和自己输入宽度
            wrap_content表示根据组件大小确定宽度即组件包含文字所占宽度越多,组件越宽;
            match_parent表示填满该组件的父容器即包含了该组件的组件如代码中的LinearLayout ;
        -layout_hight: 组件高度,一般也有3种属性,同上;
        -gravity: 设置控件中内容的对齐方向,即文字内容的对齐方向;
        -text: 设置显示的文本内容(建议把字符串写到values/string.xml文件中,然后使用@String/xxx的方式获取 , 也可以直接写在""中);
        -textColor: 设置文本的颜色(后面会附上常用颜色码);
        -textStyle: 设置文本显示风格,三个可选属性 normal(无效果) ,bold(加粗) ,italic(斜体);
        -background: 控件背景颜色,即填充整个控件的颜色;

3)在textview控件中引入string.xml中写好的文本的方法:

第一步:现在string.xml文件中加入你要显示的文本,并命名:

<?xml version="1.0" encoding="utf-8"?>
            <resources>
                <string name="app_name">MyActivity</string>
                <string name="hello">hello ,你好</string>
            </resources>

第二步:然后在控件中引入:

<TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:text="@string/hello"
                />

EditText控件

,与TextView控件类似,最大的区别就是EdiText允许用户输入

1) 代码
            <EditText
            android:id="@+id/eidt"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            />
     2)EditText常用属性:
            -id: 为EditText设置一个组件id;
            -layout_weith: 设置控件的宽度;
            -layout_hight: 设置控件的高度;

-inputType(textPassword): 设置输入内容为密码;
            -inputType(Phone): 设置输入的内容为号码;
            -maxLength: 设置输入的最大文本数, 参数为数字例如 android:maxLength=“5”;
            -maxLines: 设置最大行数,参数为数字;
            -minLines: 设置最小行数,参数为数字;
            -hint: 设置默认提示文本;
            -textColorHint: 设置默认提示文本颜色;
            -capitalize: 设置英文字母大小写属性,参数包含:
            sentences: 仅第一个字母大写
            words: 单词首字母大写
            characyers: 全部字母大写;
    3) EditText控件的绑定:
        绑定控件的方法也都一样,在onCreate方法中使用findViewById()方法:

public class MyActivity extends Activity {
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            //绑定main.xml文件中的EdiText控件
            EditText editText = (EditText) findViewById(R.id.edit);
            }
        }

4) EditText获取用户输入:

绑定后获取用户的输入很容易,使用getText()方法即可:

editText.getText();//获取用户输入的方法

值得一提的是这个方法直接写在绑定好的EditText语句后面是不行的!准确的说是获取不到输入的内容,我们需要一个 触发事件在输入完成后再触发获取输入的方法,就能正常拿到数据啦!下面看代码:

EditText editText;
            TextView text;
            @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_main);
         
                editText = (EditText) findViewById(R.id.edit);
                text = (TextView) findViewById(R.id.text);
         
                text.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        text.setText(editText.getText());;
                    }
                });
         
            }

text.setOnClickListener()方法是text监听方法.用来监听TextView的点击事件。
        整个流程就是在输入文本后点击text然后text的文本就会被替换成你输入的文本.

Button 与 ImageButton

本节学习Android基本控件按钮控件,Button和ImageButton用法基本类似,所以本节重点讲解Button控件。

1)代码:

<Button
            android:id="@+id/btn"
            android:text="普通按钮"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

2)Button的其他常用属性:

-background 背景 可以是颜色或者图片或这xml资源
    -text        按钮显示的文字
    -textColor    按钮文字颜色
    -textSize    按钮文字大小

3)Button控件的绑定和监听:

绑定

btn = (Button) findViewById(R.id.btn);

监听的方法很常用

btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Toast.makeText(MainActivity.this , "button 被按下" , Toast.LENGTH_LONG).show();
                }
            });

4)Toast方法是常见的黑色提示框,自动消失。

完整代码:

public class MainActivity extends Activity {
         
            private Button btn;//声明全局变量
            @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_main);
         
                //绑定控件
                btn = (Button) findViewById(R.id.btn);
                //监听控件
                btn.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        Toast.makeText(MainActivity.this , "button 被按下" , Toast.LENGTH_SHORT).show();
                    }
                });
            }
        }

ImageView

,ImageView 图像视图,顾名思义,是一个用来显示图片的控件。

1)代码:

<ImageView
            android:id="@+id/imageview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/ic_launcher"/>

2)ImageView的常用属性:

-background 设置控件背景    当固定宽度时会拉伸图片
    -src        设置控件填充内容    固定宽度时不会拉伸图片

3)绑定

img = (ImageView) findViewById(R.id.imageview);

ImageView没有啥监听方法,一般ImageView用来实现app的图片轮播功能。这会用到修改图片显示的方法

常用的修改方法:

-setImageResource(int id);    使用内部资源图片替换默认图片,id为R.drawable.图片名称
        -setImageBitmap(Bitmap bitmap);    使用bitmap 替换默认图片,bitmap一般通过网络获取

使用方法:

img.setImageResource(R.mipmap.ic_launcher);

RadioButton

,RadioButton单选按钮,就是几个选项只能选中一个。 因此我们要把RadioButton放到RadioGroup按钮组中,从而实现 单选功能!

1)代码:

<RadioGroup
            android:id="@+id/radioGroup"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
     
            <RadioButton
                android:id="@+id/btnMan"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="男"
                android:checked="true"/>
     
            <RadioButton
                android:id="@+id/btnWoman"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="女"/>
        </RadioGroup>

2)控件的监听方法:

ReadioGroup监听方法:setOnCheckedChangeListener()

3)获取选择的值的方法:getText()

RadioGroup radgroup = (RadioGroup) findViewById(R.id.radioGroup);
            //第一种获得单选按钮值的方法  
            //为radioGroup设置一个监听器:setOnCheckedChanged()  
            radgroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {
                @Override
                public void onCheckedChanged(RadioGroup group, int checkedId) {
                    RadioButton radbtn = (RadioButton) findViewById(checkedId);
                    Toast.makeText(getApplicationContext(), "按钮组值发生改变,你选了" + radbtn.getText(), Toast.LENGTH_LONG).show();
                }
            });

获得RadioButton相关信息的方法:

-getClidCont() 获得按钮组中的单选按钮的数目
        -getClindAt()  根据索引值获得单选按钮 (参数为索引值 0,1,2,3..)
        -isChecked()   判断按钮是否被选中(参数为true/false)

CheckBox复选框

1)代码:

<CheckBox
            android:id="@+id/checkbox"
            android:text="苹果"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <CheckBox
            android:id="@+id/checkbox1"
            android:text="香蕉"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <CheckBox
            android:id="@+id/checkbox2"
            android:text="大鸭梨"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

2)监听方法:

可以同时选中多个选项,至于获得选中的值,一般是为每个CheckBox添加事件:setOnCheckedChangeListener

public class MyActivity extends Activity implements View.OnClickListener,CompoundButton.OnCheckedChangeListener{
         
            private CheckBox cb_one;
            private CheckBox cb_two;
            private CheckBox cb_three;
            private Button btn_send;
         
            @Override
            protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_main);
         
                cb_one = (CheckBox) findViewById(R.id.cb_one);
                cb_two = (CheckBox) findViewById(R.id.cb_two);
                cb_three = (CheckBox) findViewById(R.id.cb_three);
                btn_send = (Button) findViewById(R.id.btn_send);
         
                cb_one.setOnCheckedChangeListener(this);
                cb_two.setOnCheckedChangeListener(this);
                cb_three.setOnCheckedChangeListener(this);
                btn_send.setOnClickListener(this);
         
            }
         
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
               if(compoundButton.isChecked()) Toast.makeText(this,compoundButton.getText().toString(),Toast.LENGTH_SHORT).show();
            }
         
             //统一监听
            @Override
            public void onClick(View view) {
                String choose = "";
                if(cb_one.isChecked())choose += cb_one.getText().toString() + "";
                if(cb_two.isChecked())choose += cb_two.getText().toString() + "";
                if(cb_three.isChecked())choose += cb_three.getText().toString() + "";
                Toast.makeText(this,choose,Toast.LENGTH_SHORT).show();
            }
        }