输入控制

原文地址：https://developer.android.com/guide/topics/ui/controls/button.html#HandlingEvents

  • Button
  • CheckBox复选框
  • RadioButton
  • Toggle Button开关按钮
  • Switch
  • Spinner下拉列表
  • Picker
    • Time Picker
    • Date Picker

Button

Button可以由文本或者图标构成或者文本与图标的组合，如下所示

文本方式：

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_text"
/>

图标方式

<ImageButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/button_icon"
/>

文本图标结合方式

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableLeft="@drawable/button_icon"
/>

CheckBox复选框

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp"
    >

    <CheckBox
        android:id="@+id/math"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Math"/>

    <CheckBox
        android:id="@+id/english"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="English"/>

    <CheckBox
        android:id="@+id/chinese"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Chinese"/>

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="提交"/>

    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

package com.app.test;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.LinearLayout;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private Button button;
    private TextView textView;
    private CheckBox option1;
    private CheckBox option2;
    private CheckBox option3;

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

        button = (Button) findViewById(R.id.btn);
        textView = (TextView) findViewById(R.id.text_view);
        option1 = (CheckBox) findViewById(R.id.math);
        option2 = (CheckBox) findViewById(R.id.english);
        option3 = (CheckBox) findViewById(R.id.chinese);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
               StringBuilder content = new StringBuilder();
               if(option1.isChecked() ){
                   content.append(option1.getText()+" ");
               }
               if(option2.isChecked()) {
                   content.append(option2.getText()+" ");
               }
               if(option3.isChecked()) {
                   content.append(option3.getText()+" ");
               }

               textView.setText(content);
            }
        });
    }
}

RadioButton

单选按钮允许用户从选项集中选择一个，并且这些选项集是相互排斥的，如果用户需要并排查看所有选项，则使用RadioButton，否则使用Spinner代替。

因为单选按钮是相互排斥的，因而需要将其放入RadioGroup中，此时系统得以确保只有一个被选中。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp"
    >

    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="10dp">
        <RadioButton
            android:id="@+id/math"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="Math"/>
        <RadioButton
            android:id="@+id/english"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="English"
            />
        <RadioButton
            android:id="@+id/chinese"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:text="Chinese"
           />
    </RadioGroup>

    <Button
        android:id="@+id/btn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="提交"/>

    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

package com.app.test;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.RadioButton;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

    private Button button;
    private TextView textView;
    private RadioButton option1;
    private RadioButton option2;
    private RadioButton option3;

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

        button = (Button) findViewById(R.id.btn);
        textView = (TextView) findViewById(R.id.text_view);
        option1 = (RadioButton) findViewById(R.id.math);
        option2 = (RadioButton) findViewById(R.id.english);
        option3 = (RadioButton) findViewById(R.id.chinese);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
               StringBuilder content = new StringBuilder();
               if(option1.isChecked() ){
                   content.append(option1.getText()+" ");
               }
               if(option2.isChecked()) {
                   content.append(option2.getText()+" ");
               }
               if(option3.isChecked()) {
                   content.append(option3.getText()+" ");
               }

               textView.setText(content);
            }
        });
    }
}

Toggle Button(开关按钮)

Android4.0之后引入了一个新的开关按钮Switch，此开关按钮带滑动功能

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

    <ToggleButton
        android:id="@+id/on"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

</LinearLayout>

package com.app.test;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.CompoundButton;
import android.widget.Toast;
import android.widget.ToggleButton;

public class MainActivity extends AppCompatActivity {

    private ToggleButton toggleButton;

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

        toggleButton = (ToggleButton) findViewById(R.id.on);
        toggleButton.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(isChecked){
                    Toast.makeText(MainActivity.this,"开关打开",Toast.LENGTH_SHORT).show();
                }else{
                    Toast.makeText(MainActivity.this,"开关关闭",Toast.LENGTH_SHORT).show();
                }
            }
        });

    }
}

Switch

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="20dp"
    >

   <Switch
       android:id="@+id/switchBtn"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content" />

</LinearLayout>

package com.app.test;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.CompoundButton;
import android.widget.Switch;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private Switch switchBtn;

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

        switchBtn = (Switch) findViewById(R.id.switchBtn);
        switchBtn.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(isChecked){
                    Toast.makeText(MainActivity.this,"打开",Toast.LENGTH_SHORT).show();
                }else{
                    Toast.makeText(MainActivity.this,"关闭",Toast.LENGTH_SHORT).show();
                }
            }
        });

    }
}

Spinner下拉列表

下拉列表提供了一种快速从数据集中选择一个选项。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="20dp"
    >

   <Spinner
       android:id="@+id/spinner"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content">

   </Spinner>
</LinearLayout>

array.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="spinner">
        <item>Math</item>
        <item>English</item>
        <item>Chinese</item>
    </string-array>
</resources>

package com.app.test;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private Spinner spinner;
    ArrayAdapter<CharSequence> adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        spinner = (Spinner) findViewById(R.id.spinner);
        adapter = ArrayAdapter.createFromResource(this,R.array.spinner,android.R.layout.simple_spinner_dropdown_item);
        spinner.setAdapter(adapter);
        spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                Toast.makeText(MainActivity.this,parent.getItemAtPosition(position).toString(),Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {

            }
        });
    }
}

Picker

Android提供了时间和日期选择器，使用这些选择器可以使你的用户正确的修改为本地时间。推荐使用DialogFragment来保存时间与日期选择器，DialogFragment用于管理对话框的生命周期。DialogFragment是Android3.0(API 11)，但低版本可以使用support library库来保持兼容性。

Time Picker

activity_main.xml

<?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:padding="@dimen/activity_horizontal_margin"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/time_picker"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="time Picker"/>

</RelativeLayout>

TimePickerFragment.java

package com.app.pickertest;

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button timePicker;

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

        timePicker = (Button) findViewById(R.id.time_picker);
        timePicker.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        DialogFragment fragment = new TimePickerFragment();
        fragment.show(getFragmentManager(),"TimePicker");
    }
}

MainActivity.java

package com.app.pickertest;

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button timePicker;

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

        timePicker = (Button) findViewById(R.id.time_picker);
        timePicker.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        DialogFragment fragment = new TimePickerFragment();
        fragment.show(getFragmentManager(),"TimePicker");
    }
}

Date Picker

activity_main.xml

<?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:padding="@dimen/activity_horizontal_margin"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/date_picker"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="date Picker"/>

DatePickerFragment.java

package com.app.pickertest;

import android.annotation.TargetApi;
import android.app.DatePickerDialog;
import android.app.Dialog;
import android.app.DialogFragment;
import android.os.Build;
import android.os.Bundle;
import android.widget.DatePicker;

import java.util.Calendar;

/**
 * Created by Administrator on 2016/5/5.
 */

@TargetApi(Build.VERSION_CODES.HONEYCOMB)
public class DatePickerFragment extends DialogFragment implements DatePickerDialog.OnDateSetListener {

    @Override
    public Dialog onCreateDialog(Bundle savedInstanceState) {
        Calendar calendar = Calendar.getInstance();
        int year = calendar.get(Calendar.YEAR);
        int month = calendar.get(Calendar.MONTH);
        int day = calendar.get(Calendar.DAY_OF_MONTH);

        DatePickerDialog dialog = new DatePickerDialog(getActivity(),this,year,month,day);
        return  dialog;
    }

    @Override
    public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {

    }
}

MainActivity.java

package com.app.pickertest;

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private Button datePicker;

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

        datePicker = (Button) findViewById(R.id.date_picker);
        datePicker.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        DialogFragment fragment = new DatePickerFragment();
        fragment.show(getFragmentManager(),"TimePicker");
    }
}

时间： 2024-10-09 15:56:08

输入控制的相关文章

Unity脚本——13输入控制——02自定义输入

学习笔记适合新手,如有错误请指正.?号处也请各位指点下,谢谢. 键盘鼠标输入检测十分局限,一般仅用于计算机等设备,下面介绍另一种方法 自定义输入可以设置输入类型名称.输入设备类型.输入键位等参数,从而方便地解决了计算机与家用机的输入兼容 点击导航菜单栏>Edit>Project Settings>Input打开输入设置界面 unity提供了默认的输入设置包括: Horizontal横向移动 Vertical纵向移动 Firel开火按钮等输入 Name:名字 Descriptive Nam

iOS 数字格式化（手机号码 银行卡号 格式化，验证码输入控制）

需求 手机号号码 15288888888  ------->152 8888 8888  银行卡号 8888888888888888888 ----->8888 8888 8888 8888 888 实现 在UITextFiled输入时候就实现号码格式化 在UITextField代理方法 shouldChangeCharactersInRange 实现即可,可以写法分类 就可以全局使用,方便快捷 NSString *text = [textFieldtext]; // 只能输入数字 NSCha

【Unity】第7章 输入控制

分类:Unity.C#.VS2015 创建日期:2016-04-21 一.简介 Unity提供了-个非常易用和强大的用于处理输入信息的类:Input,利用该类可以处理鼠标.键盘.摇杆/方向盘/手柄等游戏外设,也可以处理iOS/Androd等移动设备的触摸输入信息. 程序员通过编写脚本接收输入信息,完成与用户的交互. 编写处理输入的脚本时,需要注意Unity所有输入信息的更新是在Update方法中完成的.换言之,和输入处理相关的脚本都应该放在Update方法中. 在脚本中,所有虚拟轴都按照名称访问

Java中的 Scanner简述（企业笔试在线编程的输入控制）

摘要: 最近进行企业在线笔试时,发现企业的笔试平台大都使用赛码网(虽然槽点很多),而且在线编程都需要使用Scanner来读取程序的输入,因此,笔者就在先辈们的成果上对Scanner做了一份全新的.详细的总结.我们知道,java.util.Scanner是Java5的新特征,主要功能是简化文本扫描.这个类最实用的地方表现在获取控制台输入,其他的功能都很鸡肋,尽管Java API文档中列举了大量的API方法,但是都不怎么地,特此简述. 版权声明: 本文原创作者:书呆子Rico 作者博客地址:http

Unity脚本——13输入控制——03移动设备输入

学习笔记适合新手,如有错误请指正.?号处也请各位指点下,谢谢. 移动设备也就是手机.平板等通过手指点击屏幕操作的设备,Unity有专门的接口检测与屏幕互动的各个手指的位置状态等信息 与屏幕接触的手指的信息对应名为Touch类的对象,可以通过Input.Touches变量得到所有Touch Touch常用的参数 FingerId:手机的编号,整型 Phase:手机的阶段,枚举类型,分为这几个阶段:Began开始接触屏幕.Moved移动.Stationary静止.Ended手指离开屏幕.Cancel

js输入控制（只能输入整数小数等）

1.页面 <asp:TextBox runat="server" ID="NumZYZCZMJ" OnKeyUp="InputFloat(this)"></asp:TextBox> 2.JS //只能输入整数        function InputNumber(e) {            e.value = e.value.replace(/\D/g, "");            if (e

网页text及input输入控制

1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <input onkeyup="if(isNaN(value))execCommand('undo')" onafterpas

js脚本输入控制总结

1.检测用户名只能由中英文.数字及下划线组成,不能使用其他符号,用户名是否已经存在 function checkLoginAccount() { var msg = ''; var nameid1 = document.getElementById("login_name").value; if (nameid1.length < 4 || nameid1.length > 20) { msg = "用户名长度只能在4-20位字符之间"; alert(m

字符串输入控制

//只能输入大写private void textBox1_KeyPress(object sender, KeyPressEventArgs e) { e.KeyChar = e.KeyChar.ToString().ToUpper().ToCharArray()[0]; } // 只能输入数字,调用TextBox的KeyPress事件 private void txtUserId_KeyPress(object sender, KeyPressEventArgs e) { //如果输入的不是

JS数值输入控制

整数:<input type="text" name="aaa" onkeypress="return event.keyCode>=48 && event.keyCode<=57 || event.keyCode==45" onblur="isNum(this,'数值格式有误!',0)" /> <br/> 正整数:<input type="text"