安卓开发常见的控件的使用

已于 2022-02-06 15:55:01 修改
阅读量380 收藏
点赞数
分类专栏： 笔记 文章标签： android android studio java
于 2022-01-16 15:46:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46328436/article/details/122516027
版权

TextView

  1. 基本的
    直接写
    调用
    在这里插入图片描述
    在这里插入图片描述
  2. 显示不下使用…

android:text=“加油加油加油”
android:ellipsize=“end”

  1. 文字+icon

android:drawableRight="@地址"

  1. 中划线、下划线

mTv4.getPaint().setFlags(Paint.ANTI_ALIAS_FLAG);//中划线
mTv4.getPaint().setAntiAlias(true);//去除锯齿
mTv5=(TextView)findViewById(R.id.tv_5);
mTv5.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG);//下划线
//下划线
mTv6=(TextView)findViewById(R.id.tv_6);
mTv6.setText(Html.fromHtml(“加油加油”));

  1. 跑马灯

android:text=“加油加油加油加油加油加油加油加油加油加油加油加油”
android:singleLine=“true”
android:textColor="#000000"
android:textSize=“24dp”
android:ellipsize=“marquee”
android:marqueeRepeatLimit=“marquee_forever”
android:focusable=“true”
android:focusableInTouchMode=“true”

EditText

继承自TextView，可以进行编辑操作，将用户信息传递给Android程序，还可以设置监听器，用来测试用户输入的内容是否合法。

android:hint=“xxx” 输入框提示
android:maxLines=“xxx” 输入框最大行数

  • 常用属性
  • 监听事件
  • 制作登陆界面
package com.example.zzm.helloworld;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class EditTextActivity extends ActionBarActivity {

    private Button mBtnLogin;
    private EditText mEtUserName;
    @Override
    protected void onCreate(final Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_edit_text);

        mBtnLogin=(Button)findViewById(R.id.btn_login);
        mEtUserName=(EditText)findViewById(R.id.et_1);

        mBtnLogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(EditTextActivity.this,"登录成功！",Toast.LENGTH_SHORT).show();
            }
        });

        mEtUserName.addTextChangedListener(new TextWatcher() {
            @Override
            public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

            }

            @Override
            public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
                Log.d("edittext", toString());
            }

            @Override
            public void afterTextChanged(Editable editable) {

            }
        });
    }
}


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <EditText
        android:id="@+id/ed_1"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:textSize="16sp"
        android:textColor="#FF9900"
        android:hint="用户名"
        android:maxLines="1"
        />

    <EditText
        android:id="@+id/ed_2"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:textSize="16sp"
        android:textColor="#FF9900"
        android:hint="密码"
        android:layout_below="@+id/ed_1"
        android:layout_marginTop="15dp"
        android:inputType="textPassword"
        android:maxLines="1"
        />
    <!-- hint 表示提示 inputType 输入形式-->

    <Button
        android:id="@+id/btn_login"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_below="@+id/ed_2"
        android:layout_marginTop="40dp"
        android:text="登录"
        android:textColor="#fff"
        android:textSize="25dp"
        android:background="@drawable/bg_btn3"
        />
</RelativeLayout>

Button

  • 文字大小、颜色
<Button
        android:id="@+id/btn_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textColor="#0066FF"
        android:background="#FF0000"
        android:text="按钮1"/>
  • 自定义背景形状
    在这里插入图片描述
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!--背景-->
    <solid
        android:color="#FF9900"/>

    <!--圆角-->
    <corners
        android:radius="10dp"/>

    <!--描边-->
    <stroke
        android:width="1dp"
        android:color="#000000"/>


</shape>
  • 自定义按压效果
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--触摸变色的感觉-->
    <!--按压-->
    <item android:state_pressed="true" >
        <shape>
            <solid android:color="#FF9900"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>

    <!--不按压-->
    <item android:state_pressed="false">
        <shape>
            <solid android:color="#00000"/>
            <corners android:radius="5dp"/>
        </shape>
    </item>
</selector>

点击事件

  • 点击事件的第一种形式
package com.example.zzm.button;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends ActionBarActivity {

    private Button myBtn_one;
    private Button myBtn_two;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到按钮控件
        myBtn_one = (Button) findViewById(R.id.btn_one);
        myBtn_two = (Button) findViewById(R.id.btn_two);
    }
    //按钮的第一种点击事件
    public void click(View v){
        myBtn_one.setText("按钮1已被点击");
    }

}
  • 点击事件的第二种形式(通过匿名内部类)
package com.example.zzm.button;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends ActionBarActivity {

    private Button myBtn_one;
    private Button myBtn_two;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到按钮控件
        myBtn_one = (Button) findViewById(R.id.btn_one);
        myBtn_two = (Button) findViewById(R.id.btn_two);

        //按钮的第二种点击事件的写法
        myBtn_one.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                myBtn_one.setText("按钮1已被点击");
            }
        });
        myBtn_two.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick(View v) {
                myBtn_two.setText("按钮2已被点击");
            }
        });

    }
//    //按钮的第一种点击事件
//    public void click(View v){
//        myBtn_one.setText("按钮1已被点击");
//    }

}
  • 点击事件的第三种形式
package com.example.zzm.button;

import android.content.DialogInterface;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends ActionBarActivity implements View.OnClickListener {

    private Button myBtn_one;
    private Button myBtn_two;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //找到按钮控件
        myBtn_one = (Button) findViewById(R.id.btn_one);
        myBtn_two = (Button) findViewById(R.id.btn_two);

//        //按钮的第二种点击事件的写法
//        myBtn_one.setOnClickListener(new View.OnClickListener(){
//            @Override
//            public void onClick(View v) {
//                myBtn_one.setText("按钮1已被点击");
//            }
//        });
//        myBtn_two.setOnClickListener(new View.OnClickListener(){
//            @Override
//            public void onClick(View v) {
//                myBtn_two.setText("按钮2已被点击");
//            }
//        });

        //按钮的第三种点击事件
        myBtn_one.setOnClickListener(this);
        myBtn_two.setOnClickListener(this);


    }

    @Override
    public void onClick(View v) {
        //具体判断是哪一个按钮

        switch (v.getId()){
            case R.id.btn_one:
                myBtn_one.setText("按钮1已被点击");
                break;
            case R.id.btn_two:
                myBtn_one.setText("按钮2已被点击");
                break;

        }

    }
//    //按钮的第一种点击事件
//    public void click(View v){
//        myBtn_one.setText("按钮1已被点击");
//    }

}

RadioButton

  • 常用属性
  • 自定义样式
  • 监听事件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.zzm.radiobutton.MainActivity">

    <RadioGroup
        android:id="@+id/rdg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <RadioButton
            android:id="@+id/rbtn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="男"
            android:textSize="25dp"/>

        <RadioButton
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="女"
            android:textSize="25dp"/>


    </RadioGroup>

    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/rdg"
        android:text="aaa"
        android:textSize="30dp"
        />
</RelativeLayout>


package com.example.zzm.radiobutton;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.widget.RadioGroup;
import android.widget.TextView;

public class MainActivity extends ActionBarActivity {

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

        //1.找到相关控件
        final TextView textView=(TextView)findViewById(R.id.tv);
        RadioGroup radioGroup=(RadioGroup)findViewById(R.id.rdg);

        //2.通过radiogroup来判断是男还是女
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int i) {
                if(i==R.id.rbtn){
                    textView.setText("你选择是男");
                }else{
                    textView.setText("你选择是女");
                }
            }
        });

    }
}

复选框CheckBox

  • 常用属性
  • 自定义样式
  • 监听事件
package com.example.zzm.helloworld;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.Toast;

public class CheckBoxActivity extends ActionBarActivity {

    private CheckBox mCb1,mCb2;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_check_box);
        mCb1=(CheckBox)findViewById(R.id.cb_1);
        mCb2=(CheckBox)findViewById(R.id.cb_2);

        mCb1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean isChecked) {
                Toast.makeText(CheckBoxActivity.this,isChecked?"1选择":"1未选择",Toast.LENGTH_SHORT).show();
            }
        });

        mCb2.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton compoundButton, boolean isChecked) {
                Toast.makeText(CheckBoxActivity.this,isChecked?"2选择":"2未选择",Toast.LENGTH_SHORT).show();
            }
        });
    }
}


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你会哪些移动开发："
        android:textSize="20sp"
        android:textColor="#000"
        android:layout_marginBottom="10dp"
        />

    <CheckBox
        android:id="@+id/cb_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Android"
        android:button="@drawable/bg_checkbox"
        android:textSize="20sp"
        android:layout_below="@+id/tv_title"/>
    <CheckBox
        android:id="@+id/cb_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Android1"
        android:button="@drawable/bg_checkbox"
        android:textSize="20sp"
        android:layout_below="@+id/cb_1"/>

</RelativeLayout>

ImageView

  • fitXY:撑满控件，宽高比可能发生改变
  • fitCenter：保持宽高比缩放，直至能够完全显示
  • centerCrop：保持宽高比缩放，直至完全覆盖控件，裁剪显示。
    加载网络图片
package com.example.zzm.helloworld;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.widget.ImageView;
import com.bumptech.glide.Glide;

public class ImageViewActivity extends ActionBarActivity {

    private ImageView mIv1;

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

        mIv1=(ImageView)findViewById(R.id.iv_1);
        Glide.with(this).load("图片url").into(mIv1);

    }
}


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!--加载网络图片-->
    <ImageView
        android:id="@+id/iv_1"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:background="#FF9900"
        android:scaleType="fitXY"
        android:layout_marginTop="10dp"
        />

    <!--把图片撑满，拉伸-->

</RelativeLayout>

记住在AndroidManifest.xml声明访问网络权限

17.45
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android常见控件使用详解
08-30
在Android开发中，掌握常见控件的使用是构建用户界面的基础。以下是对标题和描述中提到的几个关键控件的详细解释： 1. **TextView**： TextView是Android中最基本的视图组件，用于在屏幕上显示文本信息。它可以...
Android 中的Paint类
haoxuhong的博客
01-16 236
Android 中的Paint类主要方法    setAntiAlias: 设置画笔的锯齿效果。    setColor: 设置画笔颜色     setARGB:  设置画笔的a,r,p,g值。     setAlpha:  设置Alpha值     setTextSize: 设置字体尺寸。     setStyle:  设置画笔风格，空心或者实心。     setStrokeWidth: 设置...
Paint基本用法
SpringQi
05-26 1665
Paint 基本使用 1.1 负责设置获取图形绘制、路径相关的 1.setStyle(Paint.Style style) 设置画笔样式，取值有 Paint.Style.FILL :填充内部 Paint.Style.FILL_AND_STROKE ：填充内部和描边 Paint.Style.STROKE ：仅描边、 注意STROKE、FILL_OR_STROKE与FILL模式下外轮廓的位置会扩
Android常用控件
weixin_58963766的博客
05-07 4536
单选按钮控件，继承了 Button 控件，可以直接使用 Button 控件支持的各种属性和方法。与普通按钮不同的是，RadioButton 控件多了一个可以选中的功能。EditText 控件允许用户在控件里输入和编辑内容，并可以在程序中对这些内容进行处理。其继承自 TextView 控件，具有 TextView 的所有属性的同时，还有自己的属性。CheckBox 控件是复选框控件，继承于 Button 控件，一般用于多项选中操作。除了拥有View类的属性，还发展了些自己的属性，常用的如下图所示。
（超全！超详细！！！）移动开发、AndroidStudio中的常用十大控件
Moonsev的博客
06-07 4182
本文用于介绍AndroidStudio常用的十大控件：TextView、EditText、Button、ImageView、CheckBox、RadioButton、Spinner、ListView、ProgressBar、Switch。可帮助初学者快速了解这些控件的常用属性和对应java中的常用方法。
【Android入门到项目实战--3.1】—— 七种常用控件的使用（TextView、Button、EditText、ImageView、ProgressBar、AlertDialog等）
张修宇的博客
03-20 4196
Android七种常用控件的使用（TextView、Button、EditText、ImageView、ProgressBar、AlertDialog、ProgressDialog），详细讲解这些控件如何使用和使用场景。
android开发教程之switch控件使用示例
09-04
在Android开发中，Switch控件是一种非常常用的交互元素，它提供了两种状态的切换功能，类似于现实生活中开关的开和关。Switch控件是基于ToggleButton发展而来的，但设计上更加直观，通常用于二元选择，例如开启或...
安卓开发 Spinner控件的使用实例
05-18
在Android开发中，Spinner是一个非常重要的控件，它允许用户从一组预定义的选项中进行选择，类似于一个下拉菜单。Spinner控件通常用于节省屏幕空间，特别是在移动设备上，因为它们可以显示一个简短的提示文本，而当...
Android-一个极速集成就可以使用的Emoji表情控件
08-13
"Android-一个极速集成就可以使用的Emoji表情控件"是一个专为Android开发者设计的高效解决方案，旨在简化Emoji在应用程序中的集成过程。这个控件使得开发者可以快速、方便地在他们的应用中添加丰富的表情功能，从而...
Android开发之自定义控件用法详解
01-05
本文实例讲述了Android开发之自定义控件用法。分享给大家供大家参考，具体如下： 今天和大家分享下组合控件的使用。很多时候android自定义控件并不能满足需求，如何做呢？很多方法，可以自己绘制一个，可以通过继承...
[Android开发基础2] 七大常用界面控件（附综合案例）
轻舟终过万重山
01-28 4247
安卓开发常用界面控件使用介绍，包括TextView、Button、EditText、ImageView、RadioButton、CheckBox、Toast，最后附带一个综合案例：账号注册界面加一巩固
安卓开发 常用的控件
weixin_50961942的博客
10-19 398
安卓开发德常用控件
Android Paint之函数大汇总
casual_clover的博客
03-10 925
作者：as_pixar 链接：https://www.jianshu.com/p/34536b1bdbf9 来源：简书 一、函数 含义 基本用法 reset() 重置画 setColor(int color) 给画笔设置颜色值 setARGB(int a, int r, int g, int b) 同样是设置颜色，但是利用ARGB分开设置 setAlpha(int a) 设置画笔透明度 setStyle(Paint.Style style) 设置画笔样式 setStrokeWidth(float
Android 基本控件
qq_56892136的博客
01-04 1988
TextView是一个文本框id是这个textview的唯一id 格式是@+id/(自定义ID) 图中Id是tv_one每一个TextView都是一个对象可以使用TextView的ID通过findViewById（）方法获取到这个View对象setText是设置这个TextView的文本，此处设置的文本会覆盖掉xml设置的文本组件的高度和宽度 其中wrap_content是自适应高度宽度 match_parent是充满整个父组件单位用dp。
Android绘图篇(四)——Paint详解
huxin1875的博客
04-04 2316
前言：前几篇稍微总结了下canvas和Path的内容，Paint都是顺带而过，今天准备来个Paint大详解，把Paint所有的api都过一遍，关于Paint，我准备用两到三篇博客来写，这一篇先写写之前没讲到的api，后面会重点介绍下Paint中setColorFilter、setShader、setXfermode这几个方法，因为这几个方法涉及到的知识挺多的，一时半会讲不完。 **好了，我们主要总...
Android Kotlin 安卓模拟器 findViewById报错解决办法
最新发布
Eisfrog的博客
11-17 265
但是在refresh函数中使用val contentLayout : View = 之后，没法findViewById。来自《第一行代码Android第三版》第227页。笔者的版本是不能直接用的，需要val定义一下。
android:maxLines和android:ellipsize同时使用导致显示异常
热门推荐
LightSun----让成功成为可能!
12-20 1万+
今天偶然发现android:maxLines和android:ellipsize这两个属性同时使用在某些设备上时不能正常工作，网上搜索了大半天最后终于还是在Stack-Overflow这个神奇的网上找到了一个满意的答案，原文地址如下： http://stackoverflow.com/questions/2160619/android-ellipsize-multiline-textview
Android开发之简单控件
缘友一世的博客
03-02 931
假设某个App的内部文本使用字号30px，则该App安装到前一部手机的字体大小为15dp，安装到后一部手机的字体大小为10dp，显然后一部手机显示的文本会更小。使用ImageButton得注意，图像按钮默认的缩放类型为center（保持原始尺寸不缩放图片），而非图像视图默认的fitCenter，倘若图片尺寸较大，那么图像按钮将无法显示整个图片。时表示启用按钮，即允许点击按钮；在某些情况希望暂时禁止点击操作，譬如用户在注册的时候，有的网站要求用户必须同意指定条款，而且至少浏览10秒之后才能点击注册按钮。
Android进阶(4)Paint实现几种效果
MJHCSDN的博客
05-15 341
###1.线性渐变 文字闪烁效果(聚光灯效果) 关于Shader.TileMode.CLAMP CLAMP 如果当前的图片无法填满容器，则其在横/纵向上将最后一个像素拉伸 REPEAT 如果当前的图片无法填满容器，则其在横/纵向上复制一个去填充 MIRROR 如果当前的图片无法填满容器，则其在横/纵向上复制一个镜像去填充，需要注意的是横向上是左右镜像，纵向上是上下镜像 public class LinearGradientTextView extends AppCompatTextVie
安卓开发输入控件的使用
03-21
安卓开发中，输入控件主要有EditText、TextView、AutoCompleteTextView、MultiAutoCompleteTextView等。其中，EditText是最常用的输入控件，可以用于输入单行或多行文本，还可以设置输入类型、输入限制等。TextView...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值