专栏首页Spring相关UI的基本控件设计

UI的基本控件设计

新建一个UIwidgetTest项目,结构图如下:

image.png

相关的控件如下:

在activity_main.xml中添加控件的样式,在MainActivity中可以添加点击事件

1.文本
<!--文本-->
    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="24sp"
        android:textColor="#00ff00"
        android:text="this is TextView"
        />
2.按钮
<!--按钮-->
    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="button"
        android:textAllCaps="false"
        />

按钮点击事件需要在MainActivity中进行修改,如下:

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private static final String TAG = "MainActivity";

    private EditText editText;

    //图片编辑
    private ImageView imageView;

    //进度条
    private ProgressBar progressBar;

    //按钮
    private Button button;

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

        editText = (EditText) findViewById(R.id.edit_text);

        imageView = (ImageView) findViewById(R.id.image_view);

        progressBar = (ProgressBar) findViewById(R.id.progress_bar);

        //添加按钮点击事件
        button = (Button) this.findViewById(R.id.button);
        button.setOnClickListener(this);

//        button.setOnClickListener(new View.OnClickListener() {

        //修改图片和文本弹出框
//            @Override
//            public void onClick(View v) {
//                String inputText = editText.getText().toString();
//                Toast.makeText(MainActivity.this,inputText,Toast.LENGTH_LONG).show();
//
//                imageView.setImageResource(R.drawable.image2);
//                Log.d(TAG, "onClick:点击了按钮 ");
//            }

        //隐藏进度条
//            public void onClick(View v) {
//                String inputText = editText.getText().toString();
//                Toast.makeText(MainActivity.this,inputText,Toast.LENGTH_LONG).show();
//
//                imageView.setImageResource(R.drawable.image2);
//                Log.d(TAG, "onClick:点击了按钮 ");
//            }
//        });
    }

    //隐藏进度条
    @Override
    public void onClick(View v) {

        switch (v.getId()) {
            case R.id.button:

                //此处添加点击触发的事件
                if (progressBar.getVisibility() == View.GONE) {
                    progressBar.setVisibility(View.VISIBLE);
                } else {
                    progressBar.setVisibility(View.GONE);
                }

                break;
            default:
                break;
        }
    }
}
3.文字输入器
<!--文字输入器-->
    <EditText
        android:id="@+id/edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="type code"
        android:maxLength="5"
        />
4.图片
<!--图片-->
    <ImageView
        android:id="@+id/image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/image1"
        />
5.进度条
<!--进度条-->
    <!--style="?android:attr/progressBarStyleHorizontal"可以把进度条变为水平显示-->
    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleHorizontal"
        android:max="100"

        />

设置进度条点击一次加10:(最多加10次 到100)

@Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                //进度条的加载
                int progress = progressBar.getProgress();
                progress+=10;
                progressBar.setProgress(progress);
                break;
            default:
                break;
        }
    }
6.页面对话框AlertDialog

这个对话框在交互的最顶层,一般用于显示比较重要的信息,如是否确认删除等

@Override
    public void onClick(View v) {

        switch (v.getId()) {
            case R.id.button:
                /**
                 * 界面弹出对话框
                 */

                AlertDialog.Builder dialog = new AlertDialog.Builder(
                        MainActivity.this
                );

                dialog.setTitle("这是一个弹出框");
                dialog.setMessage("重要的内容哦");
                dialog.setCancelable(false);


                dialog.setPositiveButton("好的", new DialogInterface.OnClickListener()                {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                    }
                });

                dialog.setNegativeButton("取消", new DialogInterface.OnClickListener()                {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                });
                dialog.show();
                break;
            default:
                break;
        }
    }
7.进度条对话框ProgressDialog
@Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                /**
                 * 进度条对话框
                 */
                ProgressDialog progressDialog = new  ProgressDialog(MainActivity.this);
                progressDialog.setTitle("进度条框");
                progressDialog.setMessage("加载中.......");
                progressDialog.setCancelable(true);
                progressDialog.show();
                break;
            default:
                break;
        }
    }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • android的电话监听

    Dream城堡
  • Android引入布局

    Dream城堡
  • 体验活动的生命周期

    当窗口处于停止状态的时候,我们需要保存一部分销毁前的值,可以使用bundle,如下:

    Dream城堡
  • 实战 | 使用揭露动画(Reveal Effect)做一个丝滑的Activity转场动画

    最近跟几个小伙伴在实践一个项目,考虑到界面效果,我们决定使用揭露动画作为Activity的转场动画。

    凌川江雪
  • 13.Android-ListView使用、BaseAdapter/ArrayAdapter/SimpleAdapter适配器使用

    ListView 是 Android 系统为我们提供的一种列表显示的一种控件,使用它可以用来显示我们常见的列表形式。继承自抽象类 AdapterView。继承图...

    张诺谦
  • 1.[Andriod]之Andriod布局 VS WinPhone布局

    0.写在前面的话 近来被HTML+CSS的布局折腾的死去活来,眼巴巴的看着CSS3中的flex,grid等更便捷更高效的的布局方式无法在项目中应用,心里那叫一个...

    blackheart
  • Gridview的item含有checkbox,setOnItemClickListener方法失效的问题

    在开发中我们常常遇到一些莫名奇妙的问题,就比如Gridview的item含有checkbox,setOnItemClickListener方法失效的问题。 刚开...

    xiangzhihong
  • Andriod Studio实现保存QQ密码功能(案例代码详解)

    对于QQ登录时保存账号和密码的功能,不仅文件存储能够实现,SharePreferences同样也可以实现,而且SharedPreferences存取数据更加简单...

    砸漏
  • Android开发工程师文集-1 小时学会SQLite

    大家好,我是 Vic,今天给大家带来Android开发工程师文集-1 小时学会SQLite的概述,希望你们喜欢

    达达前端
  • Android 自定义ListView实现QQ空间界面(说说内包含图片、视频、点赞、评论、转发功能)

    前端时间刚好需要做一个类似于QQ空间的社区分享功能,说说内容包含文字(话题、内容)、视频、图片,还需包含点赞,评论,位置信息等功能。 就采用LIstview做了...

    砸漏

扫码关注云+社区

领取腾讯云代金券