首页 / ANDROID / Android：UI界面设计基础知识总结（二）

Android：UI界面设计基础知识总结（二）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Android：UI界面设计基础知识总结（二），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5874字，纯文字阅读大概需要9分钟。

内容图文

一、ProgressBar（进度条）

进度条有两种形式，圆形加载式和水平长条形状，可通过style属性设置（注意：前面没有android:）

列举几种：

　　?android:attr/progressBarStyleHorizontal　　　　细水平长度进度条

　　?android:attr/progressBarStyleSmall　　　　　　旋转画面的小圆形进度条

　　?android:attr/progressBarStyleLarge　　　　　　旋转画面的大圆形进度条

　　@android:style/Widget.ProgressBar.Horizontal　　粗水平长度进度条

　　@android:style/Widget.ProgressBar.Small　　　　旋转画面的小圆形进度条

　　@android:style/Widget.ProgressBar.Large　　　　旋转画面的大圆形进度条

android:max="100" 　　　 　该属性设置进程的最大值
android:progress="50"　　　表示初始的进程值

实现动态进度条步骤：

创建线程，判断耗时操作是否完成，若没有完成，调用进度条的setProgress()方法更新进度，然后循环操作，直到耗时操作完成，然后调用setVisibility()方法设置进度条不显示。

        <!--    style确定进度条样式，max指定进度条值，便于后台判断    -->
    <ProgressBar
        android:id="@+id/progressbar"
        style="@android:style/Widget.ProgressBar.Horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="60dp"
        android:max="100"/>

后台Java代码：

技术分享图片 技术分享图片 
                private
                 ProgressBar progressBar;
    
                private
                int mProgress=0;
    private Handler mhandler;//消息处理对象
    @Override
    protectedvoid onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_progress_bar);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);//设置全屏显示
        progressBar = findViewById(R.id.progressbar);
        mhandler = new Handler(){
            @Override
            publicvoid handleMessage(Message msg) {
                //判断线程是否完成，未完成则更新进度，完成则隐藏(通过线程模拟耗时操作)if(msg.what==0x111)
                    progressBar.setProgress(mProgress);
                else
                {
                    Toast.makeText(ProgressBarActivity.this,"耗时操作已完成",Toast.LENGTH_SHORT).show();
                    progressBar.setVisibility(View.GONE);//设置进度条不显示                }

            }
        };
        new Thread(new Runnable() {
            @Override
            publicvoid run() {
                while(true){
                    mProgress = doWork();//耗时操作
                    Message message = new Message();
                    if(mProgress<100){//耗时操作未完成
                        message.what=0x111;//自定义消息代码,表示未完成
                        mhandler.sendMessage(message);//发送消息，更新进度
                    }else{
                        message.what=0x110;//表示已完成                        mhandler.sendMessage(message);
                        break;
                    }
                }
            }
            privateint doWork(){//自定义doWork方法，模拟耗时
                mProgress+=Math.random()*10;//利用随机数生成加载进度try {
                    Thread.sleep(200);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                return mProgress;
            }
        }).start();
    }
View Code

 二、SeekBar（拖动条）

是ProgressBar的子类，有些相同之处。

属性：

与ProgressBar一样，有 max,progress属性。

android:thumb="@drawable/pwd"属性设置进度条的按钮形状。

使用时，需要添加可以获取进度条改变的事件监听器，来改变当前显示的内容。

技术分享图片 技术分享图片 
        seekseekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            @Override
            publicvoid onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {//进度改变所执行的方法
                Toast.makeText(SeekBarActivity.this,"进度改变："+progress,Toast.LENGTH_SHORT).show();
            }

            @Override
            publicvoid onStartTrackingTouch(SeekBar seekBar) {//开始触摸所执行的方法
                Toast.makeText(SeekBarActivity.this,"开始触摸",Toast.LENGTH_SHORT).show();
            }

            @Override
            publicvoid onStopTrackingTouch(SeekBar seekBar) {
                Toast.makeText(SeekBarActivity.this,"停止触摸",Toast.LENGTH_SHORT).show();
            }
        });
View Code

 三、RatingBar（星级评分条）

属性：

android:numStars="5" 代表有五颗星
android:rating="4" 　　代表默认选择四颗
android:stepSize="1"　选择的最小单位为一颗

android:isIndicator="true" 代表不可改变

注意：宽度不要设置为match_parent，否则会影响星星数量。

技术分享图片 技术分享图片 
                package com.example.tiange_project;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.RatingBar;
import android.widget.Toast;

import androidx.appcompat.app.AppCompatActivity;


                public
                class
                 RatingBarActivity extends AppCompatActivity {

    
                private
                 RatingBar ratingBar;

    @Override
    
                protected
                void
                 onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_rating_bar);
        ratingBar = findViewById(R.id.ratingbar);
        //获取选中几颗星
        String rating = String.valueOf(ratingBar.getRating());
        Toast.makeText(RatingBarActivity.this,"Rating:"+rating,Toast.LENGTH_SHORT).show();
        //获取改变的星星数量
        String stepSize = String.valueOf(ratingBar.getStepSize());
        Toast.makeText(RatingBarActivity.this,"StepSize:"+stepSize,Toast.LENGTH_SHORT).show();
        //获取进度
        String progress = String.valueOf(ratingBar.getProgress());
        Toast.makeText(RatingBarActivity.this,"Progress:"+progress,Toast.LENGTH_SHORT).show();

        //2、添加单击事件，提交按钮
        Button button = findViewById(R.id.rating_button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            publicvoid onClick(View v) {
                float rating = ratingBar.getRating();
                Toast.makeText(RatingBarActivity.this,"你得到了"+rating+"颗星！",Toast.LENGTH_SHORT).show();
            }
        });
    }
}
View Code

 四、ImageSwitcher（图像切换器）

设置切换图片的淡入淡出效果。

技术分享图片 技术分享图片 
                package com.example.tiange_project;

import android.os.Bundle;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.ImageSwitcher;
import android.widget.ImageView;
import android.widget.ViewSwitcher;

import androidx.appcompat.app.AppCompatActivity;


                public
                class
                 ImageSwitcherActivity extends AppCompatActivity {

    
                private
                 ImageSwitcher imageSwitcher;

    @Override
    
                protected
                void
                 onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_image_switcher);
        imageSwitcher = findViewById(R.id.imageswitcher);
        //设置淡出动画
        imageSwitcher.setOutAnimation(AnimationUtils.loadAnimation(ImageSwitcherActivity.this,android.R.anim.fade_out));
        //设置进入动画
        imageSwitcher.setInAnimation(AnimationUtils.loadAnimation(ImageSwitcherActivity.this,android.R.anim.fade_in));

        imageSwitcher.setFactory(new ViewSwitcher.ViewFactory() {
            @Override
            public View makeView() {//为图像切换器指定视图工厂
                ImageView imageView = new ImageView(ImageSwitcherActivity.this);
                imageView.setImageResource(R.drawable.image01);
                return imageView;
            }
        });
        imageSwitcher.setOnClickListener(new View.OnClickListener() {
            @Override
            publicvoid onClick(View v) {
                ((ImageSwitcher)v).setImageResource(R.drawable.image02);
            }
        });
    }
}
View Code

 五、GrideView（网格视图）

属性：

android:numColumns="3" 设定列数为3

适配器：连接后端数据与前端显示的接口，数据和UI组件的重要纽带。

技术分享图片

 

 通过适配器adapter实现数据源显示到GrideView上。

Android提供了四个适配器实现类，分别是

① ArrayAdapter：数组适配器。

② SimpleAdapter：简单适配器，功能强大。

③ SimpleCursorAdapter:简单数据库适配器。

④ BaseAdapter：对各个列表项进行限制。

 

原文：https://www.cnblogs.com/dongao/p/12244136.html

内容总结

以上是互联网集市为您收集整理的Android：UI界面设计基础知识总结（二）全部内容，希望文章能够帮你解决Android：UI界面设计基础知识总结（二）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1203938.html

来源：【匿名】