zoukankan      html  css  js  c++  java
  • 控件(View)之TextView, Button, ImageButton, ImageView, CheckBox, RadioButton, AnalogClock, DigitalClock【转】

    在 Android 中使用各种控件(View)
    TextView - 文本显示控件
    Button - 按钮控件
    ImageButton - 图片按钮控件
    ImageView - 图片显示控件
    CheckBox - 复选框控件
    RadioButton - 单选框控件
    AnalogClock - 钟表(带表盘的那种)控件
    DigitalClock - 电子表控件

    1、TextView 的 Demo
    textview.xml

    代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <!--
            TextView - 文本显示控件
        -->
        <TextView android:layout_width="fill_parent"
            android:layout_height="wrap_content" android:id="@+id/textView" />
    </LinearLayout>

    _TextView.java

    代码

    package com.webabcd.view;
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.TextView;
    public class _TextView extends Activity {
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            this.setContentView(R.layout.textview);
            // 设置 Activity 的标题
            setTitle("TextView");
            TextView txt = (TextView) this.findViewById(R.id.textView);
            // 设置文本显示控件的文本内容,需要换行的话就用“\n”
            txt.setText("我是 TextView\n显示文字用的");
        }
    }

    2、Button 的 Demo
    button.xml

    代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TextView android:layout_width="fill_parent"
            android:layout_height="wrap_content" android:id="@+id/textView" />
         <!--
             Button - 按钮控件
         -->   
        <Button android:id="@+id/button"
            android:layout_width="wrap_content" android:layout_height="wrap_content">
        </Button>
    </LinearLayout>

    _Button.java

    代码

    package com.webabcd.view;
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.TextView;
    public class _Button extends Activity {
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            this.setContentView(R.layout.button);
            setTitle("Button");
            Button btn = (Button) this.findViewById(R.id.button);
            btn.setText("click me");
            // setOnClickListener() - 响应按钮的鼠标单击事件
            btn.setOnClickListener(new Button.OnClickListener(){
                @Override
                public void onClick(View v) {
                    TextView txt = (TextView) _Button.this.findViewById(R.id.textView);
                    txt.setText("按钮被单击了");
                }
            });
        }
    }

    3、ImageButton 的 Demo
    imagebutton.xml

    代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TextView android:layout_width="fill_parent"
            android:layout_height="wrap_content" android:id="@+id/textView" />
        <!--
            ImageButton - 图片按钮控件
        -->   
        <ImageButton android:id="@+id/imageButton"
            android:layout_width="wrap_content" android:layout_height="wrap_content">
        </ImageButton>
    </LinearLayout>

    _ImageButton.java

    代码

    package com.webabcd.view;
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.Button;
    import android.widget.ImageButton;
    import android.widget.TextView;
    public class _ImageButton extends Activity {
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            this.setContentView(R.layout.imagebutton);
            setTitle("ImageButton");
            ImageButton imgButton = (ImageButton) this.findViewById(R.id.imageButton);
            // 设置图片按钮的背景
            imgButton.setBackgroundResource(R.drawable.icon01);
            // setOnClickListener() - 响应图片按钮的鼠标单击事件
            imgButton.setOnClickListener(new Button.OnClickListener(){
                @Override
                public void onClick(View v) {
                    TextView txt = (TextView) _ImageButton.this.findViewById(R.id.textView);
                    txt.setText("图片按钮被单击了");
                }
            });
        }
    }

    4、ImageView 的 Demo
    imageview.xml

    代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <!--
            ImageView - 图片显示控件
        -->
        <ImageView android:id="@+id/imageView" android:layout_width="wrap_content"
            android:layout_height="wrap_content"></ImageView>
    </LinearLayout>

    _ImageView.java

    代码

    package com.webabcd.view;
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.ImageView;
    public class _ImageView extends Activity {
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            this.setContentView(R.layout.imageview);
            setTitle("ImageView");
            ImageView imgView = (ImageView) this.findViewById(R.id.imageView);
            // 指定需要显示的图片
            imgView.setBackgroundResource(R.drawable.icon01);
        }
    }

    5、CheckBox 的 Demo
    checkbox.xml

    代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TextView android:layout_width="fill_parent"
            android:layout_height="wrap_content" android:id="@+id/textView" />
        <!--
            CheckBox - 复选框控件
        -->
        <CheckBox android:text="CheckBox01" android:id="@+id/chk1"
            android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox>
        <CheckBox android:text="CheckBox02" android:id="@+id/chk2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox>
        <CheckBox android:text="CheckBox03" android:id="@+id/chk3"
            android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox>
    </LinearLayout>

    _CheckBox.java

    代码

    package com.webabcd.view;
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.CheckBox;
    import android.widget.CompoundButton;
    import android.widget.TextView;
    public class _CheckBox extends Activity {
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            this.setContentView(R.layout.checkbox);
            setTitle("CheckBox");
            CheckBox chk = (CheckBox) this.findViewById(R.id.chk1);
            // setOnCheckedChangeListener() - 响应复选框的选中状态改变事件
            chk.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
                @Override
                public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    TextView txt = (TextView) _CheckBox.this.findViewById(R.id.textView);
                    txt.setText("CheckBox01 的选中状态:" + String.valueOf(isChecked));               
                }
            });
        }
    }

    6、RadioButton 的 Demo
    radiobutton.xml

    代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <TextView android:layout_width="fill_parent"
            android:layout_height="wrap_content" android:id="@+id/textView" />
        <!--
            RadioButton - 单选框控件
            RadioGroup - 对其内的单选框控件做分组
                checkedButton - 指定组内被选中的单选框的 ID
        -->
        <RadioGroup android:id="@+id/radioGroup"
            android:layout_width="fill_parent" android:layout_height="fill_parent"
            android:checkedButton="@+id/rad3" android:orientation="horizontal"
            android:gravity="center_vertical|center_horizontal">
            <RadioButton android:text="rad1" android:id="@+id/rad1"
                android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton>
            <RadioButton android:text="rad2" android:id="@+id/rad2"
                android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton>
            <RadioButton android:text="rad3" android:id="@+id/rad3"
                android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton>
        </RadioGroup>
    </LinearLayout>

    _RadioButton.java

    代码

    package com.webabcd.view;
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.RadioButton;
    import android.widget.RadioGroup;
    import android.widget.TextView;
    public class _RadioButton extends Activity {
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            this.setContentView(R.layout.radiobutton);
            setTitle("RadioButton");
            RadioGroup group = (RadioGroup) this.findViewById(R.id.radioGroup);
            // setOnCheckedChangeListener() - 响应单选框组内的选中项发生变化时的事件
            group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {   
                @Override
                public void onCheckedChanged(RadioGroup group, int checkedId) {
                    TextView txt = (TextView) _RadioButton.this.findViewById(R.id.textView);
                    txt.setText(((RadioButton)findViewById(checkedId)).getText() + " 被选中");                   
                }
            });
        }
    }

    7、AnalogClock 的 Demo
    analogclock.xml

    代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <!--
            AnalogClock - 钟表(带表盘的那种)控件
        -->
        <AnalogClock android:id="@+id/analogClock"
            android:layout_width="wrap_content" android:layout_height="wrap_content">
        </AnalogClock>
    </LinearLayout>

    _AnalogClock.java

    代码

    package com.webabcd.view;
    import android.app.Activity;
    import android.os.Bundle;
    public class _AnalogClock extends Activity {
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            this.setContentView(R.layout.analogclcok);
            setTitle("AnalogClock");
        }
    }

    8、DigitalClock 的 Demo
    digitalclock.xml

    代码

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <!--
            DigitalClock - 电子表控件
        -->
        <DigitalClock android:id="@+id/digitalClock"
            android:layout_width="wrap_content" android:layout_height="wrap_content">
        </DigitalClock>
    </LinearLayout>

    _DigitalClock.java

    代码

    package com.webabcd.view;
    import android.app.Activity;
    import android.os.Bundle;
    public class _DigitalClock extends Activity {
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            this.setContentView(R.layout.digitalclcok);
            setTitle("DigitalClcok");
        }
    }

  • 相关阅读:
    spring全家桶的pom的基本配置
    springboot项目中的普通Session和使用redis存储session
    Springboot项目修改html后不需要重启---springboot项目的热部署
    springboot的异步调用
    最近5年183个Java面试问题列表及答案[最全]
    SpringBoot 之Spring Boot Starter依赖包及作用
    最近玩了下linux下的lampp注意一些使用
    关于dumper和mysqldump的
    python入门-python处理csv文件格式相关
    好久没玩docker了,温下手
  • 原文地址:https://www.cnblogs.com/wzh206/p/1723380.html
Copyright © 2011-2022 走看看