How to add progress bar to PreferenceFragment in Android?

Question

How to add progress bar to PreferenceFragment in Android?

How to add a progress bar to a PreferenceFragment? I have an async task running that will show some values in my preferences after completion. Therefore, when it executes a background process, I plan to show only the progress bar in the center. After completing the task, I plan to show all my preferences.

Here is what I still have.

Preferencefragment

@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        addPreferencesFromResource(R.xml.pref_account);
    }

@Override
public void onActivityCreated(@Nullable Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    new AsyncTask<Void,Void,Void>() {

        String firstName, lastName, email;
        @Override
        protected void doInBackground() {
            // Doing something here to fetch values
        }

        @Override
        protected void onPostExecute() {
            findPreference("first_name").setSummary(firstName);
            findPreference("last_name").setSummary(lastName);
            findPreference("email").setSummary(email);
        }
    }
}

pref_account.xml

<?xml version="1.0" encoding="utf-8"?>
<PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android">

    <Preference android:key="first_name"
        android:title="@string/prompt_first_name"
        android:summary="" />

    <Preference android:key="last_name"
        android:title="@string/prompt_last_name"
        android:summary="" />

    <Preference android:key="email"
        android:title="@string/prompt_email"
        android:summary=""
        android:inputType="textEmailAddress" />

    <Preference android:key="sign_out"
        android:title="@string/action_sign_out" />

</PreferenceScreen>

My question is that this is a PreferenceFragment, and I am not overriding the onCreateView method, where and how to add a progress bar?

+4

android android-progressbar preferencefragment

ank Jul 05 '16 at 2:22

source share

5 answers

Aaron Preston · Answer 1 · 2016-12-02T16:31:07+0000

Here is what I did:

Create your own preference class:

public class LoadingPreference extends Preference {
    public LoadingPreference(Context context){
        super(context);
        setLayoutResource(R.layout.preference_loading_placeholder);
    }
}

(preference_loading_placeholder) :

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?android:attr/listPreferredItemHeight"
    android:gravity="center_vertical"
    android:paddingEnd="?android:attr/scrollbarSize"
    android:background="?android:attr/selectableItemBackground" >

    <ImageView
        android:id="@+android:id/icon"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_gravity="center"/>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="15dip"
        android:layout_marginEnd="6dip"
        android:layout_marginTop="6dip"
        android:layout_marginBottom="6dip"
        android:layout_weight="1">

        <!-- (start) I added this part. -->

        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_centerInParent="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:indeterminateTintMode="src_atop"
            android:indeterminateTint="@color/colorAccent"
            android:layout_gravity="center" />

        <TextView
            android:id="@+id/progressTitle"
            android:text="@string/loading"
            android:textSize="24sp"
            android:textColor="@color/colorAccent"
            android:layout_centerVertical="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="16dp"
            android:layout_toLeftOf="@+id/progressBar" />

        <!-- (end) I added this part. -->

        <TextView android:id="@+android:id/title"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:singleLine="true"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:ellipsize="marquee"
            android:fadingEdge="horizontal" />

        <TextView android:id="@+id/summary"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_below="@android:id/title"
            android:layout_alignStart="@android:id/title"
            android:textAppearance="?android:attr/textAppearanceSmall"
            android:textColor="?android:attr/textColorSecondary"
            android:maxLines="4" />

    </RelativeLayout>

    <!-- Preference should place its actual preference widget here. -->
    <LinearLayout android:id="@+id/widget_frame"
         android:layout_width="wrap_content"
         android:layout_height="match_parent"
         android:gravity="center_vertical"
         android:orientation="vertical"/>

</LinearLayout>

PreferenceCategory :

<?xml version="1.0" encoding="utf-8"?>
<PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android">

    <SwitchPreference
        android:key="@string/pref_key_wifi_enabled"
        android:title="@string/pref_title_wifi_enabled"
        android:summary="@string/pref_summary_wifi_enabled" />

    <Preference
        android:key="@string/pref_key_wifi_refresh"
        android:title="@string/pref_title_wifi_refresh"
        android:summary="@string/pref_summary_wifi_refresh"
        android:dependency="@string/pref_key_wifi_enabled"/>

    <PreferenceCategory
        android:key="@string/pref_key_wifi_section"
        android:title="@string/pref_title_wifi_section"
        android:summary="@string/pref_summary_wifi_section"
        android:dependency="@string/pref_key_wifi_enabled"/>

</PreferenceScreen>

((PreferenceCategory)findPreference(WIFI_OPTIONS_SECTION_KEY)).addPreference(new LoadingPreference(getActivity()));

:

((PreferenceCategory)findPreference(WIFI_OPTIONS_SECTION_KEY)).removeAll();

:

Preference p = new Preference(getActivity());
p.setTitle("...");
p.setSumary("...")     
((PreferenceCategory)findPreference(WIFI_OPTIONS_SECTION_KEY)).addPreferece(p);

Liviu · Answer 2 · 2016-08-12T08:48:31+0000

, .

, ( )

<!-- res/xml/somePref.xml -->
<PreferenceScreen>
    <PreferenceCategory>
        ...
        <Preference android:widgetLayout="@layout/customLayout" />
        ...
    </PreferenceCategory>
</PreferenceScreen>

<!-- res/layout/customLayout.xml -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/progress"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:visibility="gone">

    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:indeterminateOnly="true" />

</RelativeLayout>

async-

findViewById(R.id.progress).setVisibility(View.VISIBLE)

, . , . , .

ank · Answer 3 · 2016-12-05T00:33:19+0000

.

layout_account.xml.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" />

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone" />

</RelativeLayout>

:

public class AccountFragment extends PreferenceFragment {

        private ListView mListView;
        private ProgressBar mProgressBar;

        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            View view = inflater.inflate(R.layout.fragment_account, container, false);

            mListView = (ListView) view.findViewById(android.R.id.list);
            mProgressBar = (ProgressBar) view.findViewById(R.id.progress_bar);

            showProgress();

            return view;
        }

        @Override
        public void onActivityCreated(Bundle savedInstanceState) {
            super.onActivityCreated(savedInstanceState);
            addPreferencesFromResource(R.xml.pref_account);
            hideProgress();
        }

        private void showProgress() {
            mListView.setVisibility(View.GONE);
            mProgressBar.setVisibility(View.VISIBLE);
        }

        private void hideProgress() {
            mListView.setVisibility(View.VISIBLE);
            mProgressBar.setVisibility(View.GONE);
        }
    }

}

Gregoryk · Answer 4 · 2017-09-15T09:04:05+0000

You can try to apply the following solution:

Use snippets in your activity preferences.

When you need to display settings - display a fragment of preference.
When you need to display the progress - display the progress of the fragment.

Here is the code snippet:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    showPreferences();
    // or call showProgress, launch your task and call showPreferences upon completion
}

private void showPreferences() {
    runOnUiThread(new Runnable() {
        @Override
        public void run() {
            getFragmentManager()
                    .beginTransaction()
                    .replace(android.R.id.content, new YourPreferenceFragment())
                    .commit();
        }
    });
}

private void showProgress() {
    runOnUiThread(new Runnable() {
        @Override
        public void run() {
            getFragmentManager()
                    .beginTransaction()
                    .replace(android.R.id.content, new YourProgressFragment())
                    .commit();
        }
    });
}

sasikumar · Answer 5 · 2016-07-05T03:01:52+0000

Use the following concept in AsyncTasks default methods

private class MyAsynTask extends AsyncTask<String, String, String> {

@Override
protected void onPreExecute() {
    super.onPreExecute();
    showDialog();// show your progressbar
}

@Override
protected String doInBackground(String... urls) {
   //your code
}

protected void onProgressUpdate(String... progress) {        
progressDialog.setProgress(Integer.parseInt(progress[0]));
// here you get the value of progress
}

@Override
protected void onPostExecute(String result) {           
    dismissDialog(); //dismiss progressbar
}
 }

How to add progress bar to PreferenceFragment in Android?

More articles: