自定义progressbar样式_样式

自定义progressbar样式_样式android ProgressBar 样式讲解

大家好,又见面了,我是你们的朋友全栈君。

转载自:eoe社区,可惜没找到源地址。。。


多式样ProgressBar

普通圆形ProgressBar

1.png 

4.png 

该类型进度条也就是一个表示运转的过程,例如发送短信,连接网络等等,表示一个过程正在执行中。

一般只要在XML布局中定义就可以了。

 

 

    <progressBar android:id="@+id/widget43"
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"    
          android:layout_gravity="center_vertical">
    </ProgressBar>

此时,没有设置它的风格,那么它就是圆形的,一直会旋转的进度条。

各大小样式圆形ProgressBar

超大号圆形ProgressBar

3.png 
此时,给设置一个style风格属性后,该ProgressBar就有了一个风格,这里大号ProgressBar的风格是:

 

 

style="?android:attr/progressBarStyleLarge"

完整XML定义是:

 

 

    <progressBar android:id="@+id/widget196"
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"
          style="?android:attr/progressBarStyleLarge">
    </ProgressBar>

小号圆形ProgressBar

5.png 

小号ProgressBar对应的风格是:

 

style=”?android:attr/progressBarStyleSmall”

 

完整XML定义是:

 

 

    <progressBar android:id="@+id/widget108"
          android:layout_width="wrap_content" 
          android:layout_height="wrap_content"
          style="?android:attr/progressBarStyleSmall">
    </ProgressBar>

标题型圆形ProgressBar

6.png 

8.png 

标题型ProgressBar对应的风格是:

 

 

style="?android:attr/progressBarStyleSmallTitle"

 

 

完整XML定义是:

 

 

    <progressBar android:id="@+id/widget110"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleSmallTitle">
    </ProgressBar>

代码中实现:

 

 

    @Override
        protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
            //请求窗口特色风格,这里设置成不明确的进度风格
            setContentView(R.layout.second);
            setProgressBarIndeterminateVisibility(true);
            //设置标题栏中的不明确的进度条是否可以显示
        }

长形进度条

布局中的长形进度条

2.png 
①首先在XML进行布局

 

 

    <progressBar android:id="@+id/progressbar_updown"
            android:layout_width="200dp" 
            android:layout_height="wrap_content"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_gravity="center_vertical" 
            android:max="100"
            android:progress="50"
            android:secondaryProgress="70"    >

讲解:

style=”?android:attr/progressBarStyleHorizontal”    设置风格为长形 
android:max=”100″    最大进度值为100
android:progress=”50″   初始化的进度值
android:secondaryProgress=”70″  初始化的底层第二个进度值 
android:layout_gravity=”center_vertical”    垂直居中

②代码中运用

 

 

    private ProgressBar myProgressBar;
    //定义ProgressBar
    myProgressBar = (ProgressBar) findViewById(R.id.progressbar_updown);
    //ProgressBar通过ID来从XML中获取
    myProgressBar.incrementProgressBy(5);
    //ProgressBar进度值增加5
    myProgressBar.incrementProgressBy(-5);
    //ProgressBar进度值减少5
    myProgressBar.incrementSecondaryProgressBy(5);
    //ProgressBar背后的第二个进度条 进度值增加5
    myProgressBar.incrementSecondaryProgressBy(-5);
    //ProgressBar背后的第二个进度条 进度值减少5

页面标题中的长形进度条

7.png 
代码实现:
①先设置一下窗口风格特性

 

 

    requestWindowFeature(Window.FEATURE_PROGRESS);
    //请求一个窗口进度条特性风格
    setContentView(R.layout.main);
    setProgressBarVisibility(true);
    //设置进度条可视

②然后设置进度值

 

 

    setProgress(myProgressBar.getProgress() * 100);
    //设置标题栏中前景的一个进度条进度值
    setSecondaryProgress(myProgressBar.getSecondaryProgress() * 100);
    //设置标题栏中后面的一个进度条进度值
    //ProgressBar.getSecondaryProgress() 是用来获取其他进度条的进度值

ProgressDialog

ProgressDialog中的圆形进度条
device-ra.png   device-rb.png   
ProgressDialog一般用来表示一个系统任务或是开启任务时候的进度,有一种稍等的意思。
代码实现:

 

 

ProgressDialog mypDialog=new ProgressDialog(this);
            //实例化
            mypDialog.setProgressStyle(ProgressDialog.STYLE_SPINNER);
            //设置进度条风格,风格为圆形,旋转的
            mypDialog.setTitle("Google");
            //设置ProgressDialog 标题
            mypDialog.setMessage(getResources().getString(R.string.second));
            //设置ProgressDialog 提示信息
            mypDialog.setIcon(R.drawable.android);
            //设置ProgressDialog 标题图标
            mypDialog.setButton("Google",this);
            //设置ProgressDialog 的一个Button
            mypDialog.setIndeterminate(false);
            //设置ProgressDialog 的进度条是否不明确
            mypDialog.setCancelable(true);
            //设置ProgressDialog 是否可以按退回按键取消
            mypDialog.show();
            //让ProgressDialog显示

ProgressDialog中的长形进度条
      
device-ca.pngdevice-cb.png 
代码实现:

 

 

    ProgressDialog mypDialog=new ProgressDialog(this);
    //实例化
                mypDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
                //设置进度条风格,风格为长形,有刻度的
                mypDialog.setTitle("地狱怒兽");
                //设置ProgressDialog 标题
                mypDialog.setMessage(getResources().getString(R.string.second));
                //设置ProgressDialog 提示信息
                mypDialog.setIcon(R.drawable.android);
                //设置ProgressDialog 标题图标
                mypDialog.setProgress(59);
                //设置ProgressDialog 进度条进度
                mypDialog.setButton("地狱曙光",this);
                //设置ProgressDialog 的一个Button
                mypDialog.setIndeterminate(false);
                //设置ProgressDialog 的进度条是否不明确
                mypDialog.setCancelable(true);
                //设置ProgressDialog 是否可以按退回按键取消
                mypDialog.show();
                //让ProgressDialog显示   

AlertDialog.Builder

AlertDialog中的圆形ProgressBar
device-ma.png 
①先来设计一个Layout,待会儿作为一个View,加入AlertDialog.Builder

 

 

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_gravity="center_horizontal" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <LinearLayout android:id="@+id/LinearLayout01"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content">
    </LinearLayout>
        <ProgressBar android:layout_gravity="center_vertical|center_horizontal"
            android:layout_height="wrap_content" 
            android:progress="57"
            android:id="@+id/myView_ProgressBar2" 
            android:layout_width="wrap_content">
    </ProgressBar>
    </LinearLayout>

②代码罗

    private AlertDialog.Builder AlterD,AlterD2;
    //定义提示对话框
    private LayoutInflater layoutInflater;
    //定义布局过滤器
    private LinearLayout myLayout;
    //定义布局
    layoutInflater2=(LayoutInflater) getSystemService(this.LAYOUT_INFLATER_SERVICE);
    //获得系统的布局过滤服务
    myLayout2=(LinearLayout) layoutInflater2.inflate(R.layout.roundprogress, null);
    //得到事先设计好的布局
    AlterD2.setTitle(getResources().getString(R.string.RoundO));
    //设置对话框标题
    AlterD2.setIcon(R.drawable.ma);
    //设置对话框图标
    AlterD2.setMessage(getResources().getString(R.string.ADDView));
    //设置对话框提示信息
    AlterD2.setView(myLayout2);
    //设置对话框中的View
    AlterD2.show();
    //让对话框显示

 

 

 

 

 

AlertDialog中的长形ProgressBar(可控制)
device-mb.png 
①先来设计一个Layout,待会儿作为一个View,加入AlertDialog.Builder

 

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_gravity="center_horizontal" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <Button 
        android:layout_height="wra

 

 

 

 

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/107090.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号