2016-09-17 30 views
0

单击提交按钮时,我尝试显示一个ProgessBar。数据完成加载后会隐藏。但是,progressBar并未覆盖整个屏幕。相反,它是由按钮覆盖。请参考截图,它应该更容易理解我的意思。Android如何让ProgressBar(圆圈)按下按钮时覆盖全屏幕?

enter image description here

我想达到什么是屏幕截图的底部。

Main4Activity.java

public class Main4Activity extends AppCompatActivity { 

ProgressBar progressBar; 

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

    progressBar = (ProgressBar) findViewById(R.id.progressBar); 
    progressBar.setVisibility(View.GONE); 

    final EditText username=(EditText)findViewById(R.id.username); 
    final EditText email=(EditText)findViewById(R.id.email); 
    final EditText password=(EditText)findViewById(R.id.password); 

    final Button submit=(Button)findViewById(R.id.submit); 
    submit.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View view) { 

      progressBar.setVisibility(View.VISIBLE); 

      final String get_username=username.getText().toString(); 
      final String get_email=email.getText().toString(); 
      final String get_password=password.getText().toString(); 

      Response.Listener<String> response_listener=new Response.Listener<String>() { 
       @Override 
       public void onResponse(String response) { 
        try{ 
         JSONObject jsonObject=new JSONObject(response); 
         boolean result=jsonObject.getBoolean("register_result"); 
         progressBar.setVisibility(View.GONE); 
         if(result){ 

          AlertDialog.Builder builder=new AlertDialog.Builder(Main4Activity.this); 

          builder.setMessage("Registration Done!") 
            .setNegativeButton("Back",null) 
            .create() 
            .show(); 

         }else{ 

          AlertDialog.Builder builder=new AlertDialog.Builder(Main4Activity.this); 
          builder.setMessage("User already existed! Please try different Email") 
            .setNegativeButton("Back",null) 
            .create() 
            .show(); 
         } 

        }catch(JSONException e){ 
         e.printStackTrace();; 

        } 
       } 
      }; 
      register_request register_request=new register_request(get_username,get_email,get_password,response_listener); 
      RequestQueue queue=Volley.newRequestQueue(Main4Activity.this); 
      queue.add(register_request); 
     } 
    }); 

    TextView register=(TextView)findViewById(R.id.login); 
    register.setOnClickListener(new View.OnClickListener() { 
     @Override 
     public void onClick(View view) { 
      Intent intent=new Intent(Main4Activity.this,login_activity.class); 
      Main4Activity.this.startActivity(intent); 
     } 
    }); 
} 

}

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="fill_parent" 
android:layout_height="fill_parent" 
android:paddingBottom="@dimen/activity_vertical_margin" 
android:paddingLeft="@dimen/activity_horizontal_margin" 
android:paddingRight="@dimen/activity_horizontal_margin" 
android:paddingTop="@dimen/activity_vertical_margin" 
tools:context="com.example.collection_tutorial.Main4Activity" 
android:orientation="vertical"> 

<ProgressBar 
    style="?android:attr/progressBarStyleLarge" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:id="@+id/progressBar" 
    android:layout_centerVertical="true" 
    android:layout_centerHorizontal="true" 
    android:indeterminate="false" 
    android:layout_gravity="center" /> 

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <EditText 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/password" 
     android:layout_below="@+id/email" 
     android:layout_centerHorizontal="true" 
     android:hint="Password" 
     android:layout_margin="10dp" /> 

    <EditText 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/username" 
     android:layout_alignParentTop="true" 
     android:layout_centerHorizontal="true" 
     android:hint="UserName/Restaurant Name" 
     android:layout_margin="10dp" /> 

    <TextView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:textAppearance="?android:attr/textAppearanceMedium" 
     android:text="Existing User? Please Login here->" 
     android:id="@+id/login" 
     android:layout_below="@+id/submit" 
     android:layout_centerHorizontal="true" 
     android:layout_margin="10dp" /> 

    <Button 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:text="Submit Registration" 
     android:id="@+id/submit" 
     android:layout_below="@+id/password" 
     android:layout_centerHorizontal="true" 
     android:layout_margin="10dp" /> 

    <EditText 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:id="@+id/email" 
     android:layout_below="@+id/username" 
     android:layout_centerHorizontal="true" 
     android:hint="Email " 
     android:layout_margin="10dp" /> 
</RelativeLayout> 

我尝试把进度和3 EDITTEXT和按钮进入相同的Relativelayout,它也不起作用。任何人都可以帮忙

+1

怎么样[进度对话框](https://developer.android.com/reference/android/app/ProgressDialog.html)它不完全是你想要的,但它会出现在你的登录屏幕上。为了得到你想要的,你必须加载一个新的布局,只需一个进度条就可以了。 –

+0

@GaryBak我已经考虑过了,但是效果并不好,因为我想将这个效果应用到整个项目中。如果每次点击按钮,它都会显示进行中的对话框,它看起来很奇怪。 – gosulove

+1

当您更改进度栏的可见性时,将屏幕上的其他组件设置为View.GONE。 –

回答

2

首先我会分配一个ID,你内心的RelativeLayout:

<RelativeLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:id="@+id/container" 
    > 

有了,现在我可以在代码中RelativeLayout的参考,我将添加一个新的领域:

ProgressBar progressBar; 
RelativeLayout container; 

随后的onClick我会隐藏自己的容器:

@Override public void onClick(View view) { 

    progressBar.setVisibility(View.VISIBLE); 
    container.setVisibility(View.GONE); ... 

并使其可见当你的任务完成:

@Override public void onResponse(String response) { 
     try { 
      JSONObject jsonObject = new JSONObject(response); 
      boolean result = jsonObject.getBoolean("register_result"); 
      progressBar.setVisibility(View.GONE); 
      container.setVisibility(View.VISIBLE);... 

希望它有帮助。

但是,我不会建议所有应用程序的用户体验。还有其他的机制来通知用户,请检查材料的设计准则:

https://material.google.com/components/progress-activity.html

顺便说一句,我测试的代码和它的作品你提到你期待的方式。下面是与代码中的要点,但是它的更好,如果你使用的片段,因为我改名了几个变量:

https://gist.github.com/moxi/396b073f9df063dc3c943579c93f1be9

见本GIF结果: https://giphy.com/gifs/uAAYE6j9hy6dy

+0

真棒!它完美地工作 – gosulove