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

已于 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开发教程之switch控件使用示例
09-04
在Android开发中，Switch控件是一种非常常用的交互元素，它提供了两种状态的切换功能，类似于现实生活中开关的开和关。Switch控件是基于ToggleButton发展而来的，但设计上更加直观，通常用于二元选择，例如开启或...
安卓开发 常用的控件
weixin_50961942的博客
10-19 397
安卓开发德常用控件
android:maxLines和android:ellipsize同时使用导致显示异常
热门推荐
LightSun----让成功成为可能!
12-20 1万+
今天偶然发现android:maxLines和android:ellipsize这两个属性同时使用在某些设备上时不能正常工作，网上搜索了大半天最后终于还是在Stack-Overflow这个神奇的网上找到了一个满意的答案，原文地址如下： http://stackoverflow.com/questions/2160619/android-ellipsize-multiline-textview
Paint.setFlags中flag意义及使用方法
云淡风轻的博客
01-11 1万+
设置Flag的两种方法： 第一种： Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG); 第二种： Paint paint = new Paint(); paint.setFlags(Paint.ANTI_ALIAS_FLAG); 几种Flag意义 Paint.ANTI_ALIAS_FLAG ：抗锯齿标志 Paint.FILTER_BIT
Android绘图篇(四)——Paint详解
huxin1875的博客
04-04 2309
前言：前几篇稍微总结了下canvas和Path的内容，Paint都是顺带而过，今天准备来个Paint大详解，把Paint所有的api都过一遍，关于Paint，我准备用两到三篇博客来写，这一篇先写写之前没讲到的api，后面会重点介绍下Paint中setColorFilter、setShader、setXfermode这几个方法，因为这几个方法涉及到的知识挺多的，一时半会讲不完。 **好了，我们主要总...
关于Android studio通过循环遍历实现View对象的findviewbyid()和监听器的循环设置
qq_64628470的博客
03-06 931
把这6个竹子的id弄成@+id/im_btn_1、@+id/im_btn_2、@+id/im_btn_3..........这种有规律的，因为循环最简单的那种也就是从一个数开始，然后一直++。这个res有大用，它可以调用函数getIdentifier（），返回int值，大家都知道id类型也是int，所以在循环里别客气，直接int一个变量id进行赋值就好啦。那种图片按钮点完以后消失还让你计数的时候，大多数他们的各种属性和点击事件一样，而且你要是一个一个弄得弄好久，瞬间想到了循环。这种摘竹子的，直接循环解决。
安卓开发 Spinner控件的使用实例
05-18
在Android开发中，Spinner是一个非常重要的控件，它允许用户从一组预定义的选项中进行选择，类似于一个下拉菜单。Spinner控件通常用于节省屏幕空间，特别是在移动设备上，因为它们可以显示一个简短的提示文本，而当...
Android-一个极速集成就可以使用的Emoji表情控件
08-13
"Android-一个极速集成就可以使用的Emoji表情控件"是一个专为Android开发者设计的高效解决方案，旨在简化Emoji在应用程序中的集成过程。这个控件使得开发者可以快速、方便地在他们的应用中添加丰富的表情功能，从而...
Android开发之自定义控件用法详解
01-05
本文实例讲述了Android开发之自定义控件用法。分享给大家供大家参考，具体如下： 今天和大家分享下组合控件的使用。很多时候android自定义控件并不能满足需求，如何做呢？很多方法，可以自己绘制一个，可以通过继承...
android控件示例
11-03
android控件示例,包含checkbox,radio等控件的使用代码。
安卓findviewbyid简写
03-28
需要导入jar包该工具类直接extends viewutils ,所有的findviewbyid都使用$来表示！
android 开发(一些控件用法)
m0_75137365的博客
04-04 590
引用Android资源Id时不需要加(+),但是需要加android命名空间。1.定义视图/微件,并为其分配唯一id。+号表示这是一个新的资源名称。
Android 关于为什么要在 findViewById前面加上(TextView)
最新发布
m0_64631197的博客
04-29 491
如果不进行强制类型转换，而直接使用返回的 View 对象调用 TextView 的方法和属性，有可能会出现类型不匹配的错误。但是如果你的代码没有出现类型不匹配的错误，也可以正常使用，因为 Java 是一门具有动态类型特性的语言，它可以在运行时动态地确定对象的类型。这就是在 findViewById() 前面加上 (TextView) 的原因，它告诉编译器将返回的 View 对象转换为 TextView 对象，以便我们可以直接调用 TextView 的方法和属性。不知道是否有小伙伴像我一样产生了这个问题。
Android findViewById源码解析
Goals1989的博客
03-04 2933
从页面的findViewById入手源码，findview调用的AppCompatActivity中的findViewById方法： @Override public <T extends View> T findViewById(@IdRes int id) { return getDelegate().findViewById(id); } 获取了AppCompatActivity中的抽象类AppCompatDelegate，它声明了App
Android常见界面控件(基础入门)
振华OPPO的博客世界
04-21 1万+
Android本意指“机器人”，Google公司将Android的标识设计为一个绿色机器人， 表示Android系统符合环保概念，是一个轻薄短小，功能强大的移动系统，是第一个真正为手机打造的开放性系统。 今天给大家介绍一下常见的Android界面控件。 1、TextView控件 （1）功能：TextView用于显示文本信息。 （2）布局属性和功能描述： （3）代码样式和界面显示： ...
Android基础学习（二）—— 常用控件
123
08-05 1542
android基础学习
安卓开发输入控件的使用
03-21
安卓开发中，输入控件主要有EditText、TextView、AutoCompleteTextView、MultiAutoCompleteTextView等。其中，EditText是最常用的输入控件，可以用于输入单行或多行文本，还可以设置输入类型、输入限制等。TextView...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值