Android常用控件

最新推荐文章于 2024-08-16 15:33:23 发布

月亮很圆.

最新推荐文章于 2024-08-16 15:33:23 发布

阅读量150

点赞数

分类专栏：代码知识点

本文链接：https://blog.csdn.net/L_Y_J_21/article/details/80564908

版权

代码同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

知识点

28 篇文章 0 订阅

订阅专栏

Android常用控件

TextView (负责展示文本，不能编辑 )

<TextView
//控件id
android:id = "@+id/xxx"  @+id/xxx表示新增控件命名为xxx
//宽度与高度
android:layout_width="wrap_content"  //wrap_content或者match_parent
android:layout_height="wrap_content"  //wrap_content或者match_parent
//文本文字 
android:text="@string/hello_world" //两种方式，直接具体文本或者引用values下面的string.xml里面的元素
//字体大小
android:textSize="25sp"  //以sp为单位
//字体颜色
android:textColor="#0000FF"  //RGB颜色
//字体格式
android:textStyle="normal"  //normal,bold,italic分别为正常，加粗以及斜体，默认为normal
//文本显示位置
android:gravity="center"  //来指定文字的对齐方式,可选值有 top、bottom、left、right、center 等
//是否只在一行内显示全部内容
android:singleLine="true"/>  //true或者false，默认为false

EidtView (文本输入框，取值 getText().toString()）

<EditText
//控件id
android:id = "@+id/xxx"  @+id/xxx表示新增控件命名为xxx
//宽度与高度
android:layout_width="wrap_content"  //wrap_content或者match_parent
android:layout_height="wrap_content"  //wrap_content或者match_parent
//文本文字 
android:text="@string/hello_world" //两种方式，直接具体文本或者引用values下面的string.xml里面的元素
//文本提示内容
android:hint="hello_world" //android:text和android:hint区别是后者只是提示作用，真正需要输入的时候提示的内容会消失
//字体大小
android:textSize="25sp"  //以sp为单位
//字体颜色
android:textColor="#0000FF"  //RGB颜色
//字体格式
android:textStyle="normal"  //normal,bold,italic分别为正常，加粗以及斜体，默认为normal
//文本显示位置
android:gravity="center"  //来指定文字的对齐方式,可选值有 top、bottom、left、right、center 等
//是否只在一行内显示全部内容
android:singleLine="true"  //true或者false，默认为false
//输入内容设置为password类型
android:password="true"  //输入的内容会变成······
//输入内容设置为phoneNumber类型
android:phoneNumber="true"  //只能输入数字
//设定光标为显示/隐藏
android:cursorVisible = "false" /> //true或者false，默认为true显示

Button（按钮，父类是TextView ）

<Button
//控件id
android:id = "@+id/xxx"  @+id/xxx表示新增控件命名为xxx
//宽度与高度
android:layout_width="wrap_content"  //wrap_content或者match_parent
android:layout_height="wrap_content"  //wrap_content或者match_parent
//按钮上显示的文字 
android:text="theButton" //两种方式，直接具体文本或者引用values下面的string.xml里面的元素@string/button
//按钮字体大小
android:textSize="25sp"  //以sp为单位
//字体颜色
android:textColor="#0000FF"  //RGB颜色
//字体格式
android:textStyle="normal"  //normal,bold,italic分别为正常，加粗以及斜体，默认为normal
//是否只在一行内显示全部内容
android:singleLine="true"/>  //true或者false，默认为false

ImageButton (图片按钮)
ImageButton和Button类似，ImageButton可以实现我们任何想要的图片按钮的效果

<ImageButton
//控件id
android:id = "@+id/xxx"  @+id/xxx表示新增控件命名为xxx
//宽度与高度
android:layout_width="wrap_content"   //wrap_content或者match_parent
android:layout_height="wrap_content"  //wrap_content或者match_parent
//此外，可以具体设置高度和宽度显示的像素，不过这样设置如果图片尺寸大于设置的显示的尺寸，则图片是显示不全的,这是可以配合android:scaleType属性。
android:layout_width="200dp"
android:layout_height="200dp" 
//把原图按照指定的大小在View中显示，拉伸显示图片，不保持原比例，填满ImageButton.
android:scaleType="fitXY"
//其他的关于android:scaleType的参数解释,也可以参考下面的直观图
//android:scaleType="center"  在视图中心显示图片，并且不缩放图片
//android:scaleType="centercrop"  按比例缩放图片，使得图片长 (宽)的大于等于视图的相应维度
//android:scaleType="centerinside"  按比例缩放图片，使得图片长 (宽)的小于等于视图的相应维度
//android:scaleType="fitcenter" 按比例缩放图片到视图的最小边，居中显示
//android:scaleType="fitend" 按比例缩放图片到视图的最小边，显示在视图的下部分位置
//android:scaleType="fitstart" 把图片按比例扩大/缩小到视图的最小边，显示在视图的上部分位置
//android:scaleType="matrix" 用矩阵来绘制
//图片来源，需要将图片复制放到res/drawable文件夹里面，引用的时候不需要写图片的后缀
android:src ="@drawable/beautiful" />

CheckBox (Checked 设置是否被选中),
监听事件：setOnCheckChangeListener()

<CheckBox 
    android:id="@+id/cb1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    //设置复选按钮后紧跟的文本提示文字
    android:text="北京"
    //设置文字的大小
    android:textSize="30sp"
    //设置文字的颜色
    android:textColor="#0000FF"
    //字体格式
    android:textStyle="normal"  //normal,bold,italic分别为正常，加粗以及斜体，默认为normal/>
<CheckBox 
    android:id="@+id/cb2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="上海"
    android:textSize="30sp"
    android:textColor="#0000FF"/>

在Activity中调用的代码

public class MainActivity extends Activity{
    对控件对象进行声明 
    private TextView textView;
    private CheckBox checkbox1;
    private CheckBox checkbox2; 

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //通过控件的ID来得到代表控件的对象 
        textView = (TextView) findViewById(R.id.text_view);
        checkbox1 = (CheckBox) findViewById(R.id.cb1);
        checkbox2 = (CheckBox) findViewById(R.id.cb2);

        //为第一个 CheckBox 注册监听
        checkbox1.setOnCheckedChangeListener(new OnCheckedChangeListener(){
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                //如果第一个 CheckBox 被选中
                if(isChecked == true){
                    textView.setText("CheckBox选中北京");
                }
            }
        });

        //为第二个 CheckBox 注册监听
        checkbox2.setOnCheckedChangeListener(new OnCheckedChangeListener(){
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                //如果第二个 CheckBox 被选中
                if(isChecked == true){
                    textView.setText("CheckBox选中上海");
                }
            }
        });
    }   
}

RadioButton (RadioGroup包裹，并设置：android:orientation=”horizontal”）

<RadioGroup
        android:id="@+id/radio_group"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        //设置RadioButton的排列方式，分为水平排列horizontal与垂直排列vertical
        android:orientation="horizontal" >
           <RadioButton 
               android:id="@+id/rd1"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               //设置单选后紧跟的文本提示文字
               android:text="北京"
               //设置文字的大小
               android:textSize="30sp"
               //设置文字的颜色
               android:textColor="#0000FF"
               //字体格式
               android:textStyle="normal"  //normal,bold,italic分别为正常，加粗以及斜体，默认为normal
                />
           <RadioButton 
               android:id="@+id/rd2"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:textSize="30sp"
               android:text="上海" />
      </RadioGroup>

在Activity中用 setOnCheckedChangeListener 来对 RadioGroup 进行监听的代码, 注意RadioGroup中的RadioButton也都是需要声明和通过控件的id来得到代表控件的对象。

public class MainActivity extends Activity{
    对控件对象进行声明 
    private TextView textView;
    private RadioGroup radiogroup; 
    private RadioButton radiobutton1; 
    private RadioButton radiobutton2;  

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //通过控件的ID来得到代表控件的对象 
        textView = (TextView) findViewById(R.id.text_view);
        radiogroup = (RadioGroup) findViewById(R.id.radio_group);
        radiobutton1 = (RadioButton) findViewById(R.id.rd1);
        radiobutton2 = (RadioButton) findViewById(R.id.rd2);

        //调用setOnCheckedChangeListener来对RadioGroup进行监听的代码
        radiogroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                if(checkedId == radiobutton1.getId()){
                    textView.setText("北京");
                }else if(checkedId == radiobutton2.getId()){
                    textView.setText("上海");
                }
            }
        });
    }   
}

ImageView (ScaleType属性:一般用centerCrop，fixXY,center设置图片源：setImageResource();）
ImageView 是一个图片控件,负责显示图片，图片的来源可以是系统提供的资源文件,也可以是 Drawable 对象

<ImageView
//控件id
android:id = "@+id/xxx"  @+id/xxx表示新增控件命名为xxx

//宽度与高度
android:layout_width="wrap_content"   //wrap_content或者match_parent
android:layout_height="wrap_content"  //wrap_content或者match_parent

//此外，可以具体设置高度和宽度显示的像素，不过这样设置如果图片尺寸大于设置的显示的尺寸，则图片是显示不全的,这是可以配合android:scaleType属性。
android:layout_width="200dp"
android:layout_height="200dp" 

//把原图按照指定的大小在View中显示，拉伸显示图片，不保持原比例，填满ImageButton.
android:scaleType="fitXY"

//其他的关于android:scaleType的参数解释,也可以参考下面的直观图
//android:scaleType="center"  在视图中心显示图片，并且不缩放图片
//android:scaleType="centercrop"  按比例缩放图片，使得图片长 (宽)的大于等于视图的相应维度
//android:scaleType="centerinside"  按比例缩放图片，使得图片长 (宽)的小于等于视图的相应维度
//android:scaleType="fitcenter" 按比例缩放图片到视图的最小边，居中显示
//android:scaleType="fitend" 按比例缩放图片到视图的最小边，显示在视图的下部分位置
//android:scaleType="fitstart" 把图片按比例扩大/缩小到视图的最小边，显示在视图的上部分位置
//android:scaleType="matrix" 用矩阵来绘制

//图片来源，需要将图片复制放到res/drawable文件夹里面，引用的时候不需要写图片的后缀
android:src ="@drawable/beautiful" />

ProgressBar (进度条)

<ProgressBar 
    android:id="@+id/pb"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    //默认是圆形进度条，可以知道样式设置为水平进度条
    style="?android:attr/progressBarStyleHorizontal"/>
    //指定成水平进度条后,我们还可以通过 android:max属性给进度条设置一个最大值,然后在代码中动态地更改进度条的进度
    android:max="100"/>

实现点击一下按钮让进度条消失,再点击一下按钮让进度条出现的这种效果,这里只给出按钮监听的代码

button.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                //通过 getVisibility()方法来判断 ProgressBar 是否可见
                if (progressBar.getVisibility() == View.GONE) {
                    progressBar.setVisibility(View.VISIBLE);
                } else {
                    progressBar.setVisibility(View.GONE);
                }
            }
        });

月亮很圆.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android常用控件

Android常用控件TextView (负责展示文本，不能编辑 )&lt;TextView//控件idandroid:id = "@+id/xxx" @+id/xxx表示新增控件命名为xxx//宽度与高度android:layout_width="wrap_content" //wrap_content或者match_parentandroid:layout_heig...
复制链接

扫一扫

专栏目录