Cara Membuat Search View pada Toolbar Fragment Android

January 24, 2017

Website kumpulan Tutorial cara membuat Android

GULANGGULING.COM – Halo para programmer! Pada Artikel kali ini kami ingin berbagi pengalaman tentang cara membuat pencarian pada toolbar Android yang menggunakan Fragment. Bagi yang belum tau apa itu fragment pada Android, silakan baca cerita lebih detail tentang Fragment pada halaman dokumentasi disini.

Untuk kamu yang masih menggunakan Activity, kami sudah pernah menceritakan tentang bagaimana cara membuat menu pencarian pada toolbar Activity pada artikel ini :

Memasang Search View di Action Bar Android

Pada project Android kali ini kami membuat sebuah aplikasi sederhana yang menampilkan nama-nama negara dalam bentuk listview dan menambahkan fungsi pencarian dari toolbar aplikasi.

Pembuatan menu pencarian ini menggunakan widget yang bernama SearchViewWidget. Widget ini akan kita pasang pada Toolbar fragment yang sudah kita kombinasikan dengan Activity dan NavigationDrawer. Apa itu NavigationDrawer? dia adalah komponen menu yang bisa kita slide atau lihat disebelah kiri.

Untuk membuat menu pencarian ini pertama-tama yang kita lakukan adalah berdoa dan membuaka Android Studio. Buatlah project baru, jangan lupa beri nama projectnya, misalnya projectsayaganteng atau apalah yang kamu suka. Setelah memberi nama, jangan syukuran! eh maksud saya menentukan minimum versi Android, misalnya Android Jelly Bean. Pilih template navigationDrawer biar mudah dan sudah jadi.

Pada MainActivity buatlah sedikit fungsi custom untuk menghandle ketika menu pada navigation diklik akan membuka fragment. Contoh kode yang saya buat seperti di bawah ini, menggunakan nama fragment adalah searchFragment.

private void displayView(int position) {
        fragment = null;
        String fragmentTags = "";
        switch (position) {
            case 0:
                fragment = new SearchFragment();
                break;

            default:
                break;
        }

        if (fragment != null) {
            fragmentManager = getFragmentManager();
            fragmentManager.beginTransaction().replace(R.id.content_frame, fragment, fragmentTags).commit();
        }
    }

private void displayView(int position) {

fragment = null;

String fragmentTags = "";

switch (position) {

case 0:

fragment = new SearchFragment();

break;

default:

break;

}

if (fragment != null) {

fragmentManager = getFragmentManager();

fragmentManager.beginTransaction().replace(R.id.content_frame, fragment, fragmentTags).commit();

}

MainActivity selengkapnya seperti pada di bawah ini :

package androlite.androidfragmentsearchview;

import android.app.Fragment;
import android.app.FragmentManager;
import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.view.View;
import android.support.design.widget.NavigationView;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {
    private Fragment fragment = null;
    private FragmentManager fragmentManager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });

        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
                this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
        drawer.setDrawerListener(toggle);
        toggle.syncState();

        NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
        navigationView.setNavigationItemSelectedListener(this);
        displayView(0); // call search fragment.
    }

    @Override
    public void onBackPressed() {
        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        if (drawer.isDrawerOpen(GravityCompat.START)) {
            drawer.closeDrawer(GravityCompat.START);
        } else {
            super.onBackPressed();
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
       // getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    @SuppressWarnings("StatementWithEmptyBody")
    @Override
    public boolean onNavigationItemSelected(MenuItem item) {
        // Handle navigation view item clicks here.
        int id = item.getItemId();

        if (id == R.id.nav_camera) {
            // Handle the camera action
        } else if (id == R.id.nav_gallery) {

        } else if (id == R.id.nav_slideshow) {

        } else if (id == R.id.nav_manage) {

        } else if (id == R.id.nav_share) {

        } else if (id == R.id.nav_send) {

        }

        displayView(0); // call search fragment.

        DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer.closeDrawer(GravityCompat.START);
        return true;
    }

    private void displayView(int position) {
        fragment = null;
        String fragmentTags = "";
        switch (position) {
            case 0:
                fragment = new SearchFragment();
                break;

            default:
                break;
        }

        if (fragment != null) {
            fragmentManager = getFragmentManager();
            fragmentManager.beginTransaction().replace(R.id.content_frame, fragment, fragmentTags).commit();
        }
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

package androlite.androidfragmentsearchview;

import android.app.Fragment;

import android.app.FragmentManager;

import android.os.Bundle;

import android.support.design.widget.FloatingActionButton;

import android.support.design.widget.Snackbar;

import android.view.View;

import android.support.design.widget.NavigationView;

import android.support.v4.view.GravityCompat;

import android.support.v4.widget.DrawerLayout;

import android.support.v7.app.ActionBarDrawerToggle;

import android.support.v7.app.AppCompatActivity;

import android.support.v7.widget.Toolbar;

import android.view.Menu;

import android.view.MenuItem;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {

private Fragment fragment = null;

private FragmentManager fragmentManager;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);

fab.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)

.setAction("Action", null).show();

}

});

DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);

ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(

this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);

drawer.setDrawerListener(toggle);

toggle.syncState();

NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);

navigationView.setNavigationItemSelectedListener(this);

displayView(0); // call search fragment.

}

@Override

public void onBackPressed() {

DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);

if (drawer.isDrawerOpen(GravityCompat.START)) {

drawer.closeDrawer(GravityCompat.START);

} else {

super.onBackPressed();

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

// getMenuInflater().inflate(R.menu.main, menu);

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

//noinspection SimplifiableIfStatement

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

@SuppressWarnings("StatementWithEmptyBody")

@Override

public boolean onNavigationItemSelected(MenuItem item) {

// Handle navigation view item clicks here.

int id = item.getItemId();

if (id == R.id.nav_camera) {

// Handle the camera action

} else if (id == R.id.nav_gallery) {

} else if (id == R.id.nav_slideshow) {

} else if (id == R.id.nav_manage) {

} else if (id == R.id.nav_share) {

} else if (id == R.id.nav_send) {

}

displayView(0); // call search fragment.

DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);

drawer.closeDrawer(GravityCompat.START);

return true;

}

private void displayView(int position) {

fragment = null;

String fragmentTags = "";

switch (position) {

case 0:

fragment = new SearchFragment();

break;

default:

break;

}

if (fragment != null) {

fragmentManager = getFragmentManager();

fragmentManager.beginTransaction().replace(R.id.content_frame, fragment, fragmentTags).commit();

}

Setelah menyesuaikan file MainActivity, maka tiba saatnya kita membuat search pada searchFragment. Pada fragment tersebut kami membuat sebuah class yang extends-nya dari ListFragment dan mengimplementasikan dua listiner, yakni SearchView.OnQueryTextListener dan MenuItem.OnActionExpandListener. Lengkapnya bisa Anda lihat pada file dibawah :

package androlite.androidfragmentsearchview;

import android.app.ListFragment;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.SearchView;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.List;

public class SearchFragment extends ListFragment implements SearchView.OnQueryTextListener, MenuItem.OnActionExpandListener {

    List<String> mAllValues;
    private ArrayAdapter<String> mAdapter;
    private Context mContext;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mContext = getActivity();
        setHasOptionsMenu(true);
        populateList();

    }

    @Override
    public void onListItemClick(ListView listView, View v, int position, long id) {
        String item = (String) listView.getAdapter().getItem(position);
        if (getActivity() instanceof OnItem1SelectedListener) {
            ((OnItem1SelectedListener) getActivity()).OnItem1SelectedListener(item);
        }
        getFragmentManager().popBackStack();
    }

    @Override
    public void onDetach() {
        super.onDetach();
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View layout = inflater.inflate(R.layout.search_fragment, container, false);
        ListView listView = (ListView) layout.findViewById(android.R.id.list);
        TextView emptyTextView = (TextView) layout.findViewById(android.R.id.empty);
        listView.setEmptyView(emptyTextView);
        return layout;
    }

    @Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        inflater.inflate(R.menu.search_menu, menu);
        MenuItem searchItem = menu.findItem(R.id.action_search);
        SearchView searchView = (SearchView) searchItem.getActionView();
        searchView.setOnQueryTextListener(this);
        searchView.setQueryHint("Search");

        super.onCreateOptionsMenu(menu, inflater);

        super.onCreateOptionsMenu(menu, inflater);
    }

    @Override
    public boolean onQueryTextSubmit(String query) {
        return true;
    }

    @Override
    public boolean onQueryTextChange(String newText) {
        if (newText == null || newText.trim().isEmpty()) {
            resetSearch();
            return false;
        }

        List<String> filteredValues = new ArrayList<String>(mAllValues);
        for (String value : mAllValues) {
            if (!value.toLowerCase().contains(newText.toLowerCase())) {
                filteredValues.remove(value);
            }
        }

        mAdapter = new ArrayAdapter<>(mContext, android.R.layout.simple_list_item_1, filteredValues);
        setListAdapter(mAdapter);

        return false;
    }

    public void resetSearch() {
        mAdapter = new ArrayAdapter<>(mContext, android.R.layout.simple_list_item_1, mAllValues);
        setListAdapter(mAdapter);
    }

    @Override
    public boolean onMenuItemActionExpand(MenuItem item) {
        return true;
    }

    @Override
    public boolean onMenuItemActionCollapse(MenuItem item) {
        return true;
    }

    public interface OnItem1SelectedListener {
        void OnItem1SelectedListener(String item);
    }

    private void populateList(){

        mAllValues = new ArrayList<>();

        mAllValues.add("Afghanistan");
        mAllValues.add("Åland Islands");
        mAllValues.add("Albania");
        mAllValues.add("Algeria");
        mAllValues.add("American Samoa");
        mAllValues.add("AndorrA");
        mAllValues.add("Angola");
        mAllValues.add("Anguilla");
        mAllValues.add("Antarctica");
        mAllValues.add("Antigua and Barbuda");
        mAllValues.add("Argentina");
        mAllValues.add("Armenia");
        mAllValues.add("Aruba");
        mAllValues.add("Australia");
        mAllValues.add("Austria");
        mAllValues.add("Azerbaijan");
        mAllValues.add("Bahamas");
        mAllValues.add("Bahrain");
        mAllValues.add("Bangladesh");
        mAllValues.add("Barbados");
        mAllValues.add("Belarus");
        mAllValues.add("Belgium");
        mAllValues.add("Belize");
        mAllValues.add("Benin");
        mAllValues.add("Bermuda");
        mAllValues.add("Bhutan");
        mAllValues.add("Bolivia");
        mAllValues.add("Bosnia and Herzegovina");
        mAllValues.add("Botswana");
        mAllValues.add("Bouvet Island");
        mAllValues.add("Brazil");
        mAllValues.add("British Indian Ocean Territory");
        mAllValues.add("Brunei Darussalam");
        mAllValues.add("Bulgaria");
        mAllValues.add("Burkina Faso");
        mAllValues.add("Burundi");
        mAllValues.add("Cambodia");
        mAllValues.add("Cameroon");
        mAllValues.add("Canada");
        mAllValues.add("Cape Verde");
        mAllValues.add("Cayman Islands");
        mAllValues.add("Central African Republic");
        mAllValues.add("Chad");
        mAllValues.add("Chile");
        mAllValues.add("China");
        mAllValues.add("Christmas Island");
        mAllValues.add("Cocos (Keeling) Islands");
        mAllValues.add("Colombia");
        mAllValues.add("Comoros");
        mAllValues.add("Congo");
        mAllValues.add("Congo, The Democratic Republic of the");
        mAllValues.add("Cook Islands");
        mAllValues.add("Costa Rica");
        mAllValues.add("Cote D\'Ivoire");
        mAllValues.add("Croatia");
        mAllValues.add("Cuba");
        mAllValues.add("Cyprus");
        mAllValues.add("Czech Republic");
        mAllValues.add("Denmark");
        mAllValues.add("Djibouti");
        mAllValues.add("Dominica");
        mAllValues.add("Dominican Republic");
        mAllValues.add("Ecuador");
        mAllValues.add("Egypt");
        mAllValues.add("El Salvador");
        mAllValues.add("Equatorial Guinea");
        mAllValues.add("Eritrea");
        mAllValues.add("Estonia");
        mAllValues.add("Ethiopia");
        mAllValues.add("Falkland Islands (Malvinas)");
        mAllValues.add("Faroe Islands");
        mAllValues.add("Fiji");
        mAllValues.add("Finland");
        mAllValues.add("France");
        mAllValues.add("French Guiana");
        mAllValues.add("French Polynesia");
        mAllValues.add("French Southern Territories");
        mAllValues.add("Gabon");
        mAllValues.add("Gambia");
        mAllValues.add("Georgia");
        mAllValues.add("Germany");
        mAllValues.add("Ghana");
        mAllValues.add("Gibraltar");
        mAllValues.add("Greece");
        mAllValues.add("Greenland");
        mAllValues.add("Grenada");
        mAllValues.add("Guadeloupe");
        mAllValues.add("Guam");
        mAllValues.add("Guatemala");
        mAllValues.add("Guernsey");
        mAllValues.add("Guinea");
        mAllValues.add("Guinea-Bissau");
        mAllValues.add("Guyana");
        mAllValues.add("Haiti");
        mAllValues.add("Heard Island and Mcdonald Islands");
        mAllValues.add("Holy See (Vatican City State)");
        mAllValues.add("Honduras");
        mAllValues.add("Hong Kong");
        mAllValues.add("Hungary");
        mAllValues.add("Iceland");
        mAllValues.add("India");
        mAllValues.add("Indonesia");
        mAllValues.add("Iran, Islamic Republic Of");
        mAllValues.add("Iraq");
        mAllValues.add("Ireland");
        mAllValues.add("Isle of Man");
        mAllValues.add("Israel");
        mAllValues.add("Italy");
        mAllValues.add("Jamaica");
        mAllValues.add("Japan");
        mAllValues.add("Jersey");
        mAllValues.add("Jordan");
        mAllValues.add("Kazakhstan");
        mAllValues.add("Kenya");
        mAllValues.add("Kiribati");
        mAllValues.add("Korea, Democratic People\'S Republic of");
        mAllValues.add("Korea, Republic of");
        mAllValues.add("Kuwait");
        mAllValues.add("Kyrgyzstan");
        mAllValues.add("Lao People\'S Democratic Republic");
        mAllValues.add("Latvia");
        mAllValues.add("Lebanon");
        mAllValues.add("Lesotho");
        mAllValues.add("Liberia");
        mAllValues.add("Libyan Arab Jamahiriya");
        mAllValues.add("Liechtenstein");
        mAllValues.add("Lithuania");
        mAllValues.add("Luxembourg");
        mAllValues.add("Macao");
        mAllValues.add("Macedonia, The Former Yugoslav Republic of");
        mAllValues.add("Madagascar");
        mAllValues.add("Malawi");
        mAllValues.add("Malaysia");
        mAllValues.add("Maldives");
        mAllValues.add("Mali");
        mAllValues.add("Malta");
        mAllValues.add("Marshall Islands");
        mAllValues.add("Martinique");
        mAllValues.add("Mauritania");
        mAllValues.add("Mauritius");
        mAllValues.add("Mayotte");
        mAllValues.add("Mexico");
        mAllValues.add("Micronesia, Federated States of");
        mAllValues.add("Moldova, Republic of");
        mAllValues.add("Monaco");
        mAllValues.add("Mongolia");
        mAllValues.add("Montserrat");
        mAllValues.add("Morocco");
        mAllValues.add("Mozambique");
        mAllValues.add("Myanmar");
        mAllValues.add("Namibia");
        mAllValues.add("Nauru");
        mAllValues.add("Nepal");
        mAllValues.add("Netherlands");
        mAllValues.add("Netherlands Antilles");
        mAllValues.add("New Caledonia");
        mAllValues.add("New Zealand");
        mAllValues.add("Nicaragua");
        mAllValues.add("Niger");
        mAllValues.add("Nigeria");
        mAllValues.add("Niue");
        mAllValues.add("Norfolk Island");
        mAllValues.add("Northern Mariana Islands");
        mAllValues.add("Norway");
        mAllValues.add("Oman");
        mAllValues.add("Pakistan");
        mAllValues.add("Palau");
        mAllValues.add("Palestinian Territory, Occupied");
        mAllValues.add("Panama");
        mAllValues.add("Papua New Guinea");
        mAllValues.add("Paraguay");
        mAllValues.add("Peru");
        mAllValues.add("Philippines");
        mAllValues.add("Pitcairn");
        mAllValues.add("Poland");
        mAllValues.add("Portugal");
        mAllValues.add("Puerto Rico");
        mAllValues.add("Qatar");
        mAllValues.add("Reunion");
        mAllValues.add("Romania");
        mAllValues.add("Russian Federation");
        mAllValues.add("RWANDA");
        mAllValues.add("Saint Helena");
        mAllValues.add("Saint Kitts and Nevis");
        mAllValues.add("Saint Lucia");
        mAllValues.add("Saint Pierre and Miquelon");
        mAllValues.add("Saint Vincent and the Grenadines");
        mAllValues.add("Samoa");
        mAllValues.add("San Marino");
        mAllValues.add("Sao Tome and Principe");
        mAllValues.add("Saudi Arabia");
        mAllValues.add("Senegal");
        mAllValues.add("Serbia and Montenegro");
        mAllValues.add("Seychelles");
        mAllValues.add("Sierra Leone");
        mAllValues.add("Singapore");
        mAllValues.add("Slovakia");
        mAllValues.add("Slovenia");
        mAllValues.add("Solomon Islands");
        mAllValues.add("Somalia");
        mAllValues.add("South Africa");
        mAllValues.add("South Georgia and the South Sandwich Islands");
        mAllValues.add("Spain");
        mAllValues.add("Sri Lanka");
        mAllValues.add("Sudan");
        mAllValues.add("Suriname");
        mAllValues.add("Svalbard and Jan Mayen");
        mAllValues.add("Swaziland");
        mAllValues.add("Sweden");
        mAllValues.add("Switzerland");
        mAllValues.add("Syrian Arab Republic");
        mAllValues.add("Taiwan, Province of China");
        mAllValues.add("Tajikistan");
        mAllValues.add("Tanzania, United Republic of");
        mAllValues.add("Thailand");
        mAllValues.add("Timor-Leste");
        mAllValues.add("Togo");
        mAllValues.add("Tokelau");
        mAllValues.add("Tonga");
        mAllValues.add("Trinidad and Tobago");
        mAllValues.add("Tunisia");
        mAllValues.add("Turkey");
        mAllValues.add("Turkmenistan");
        mAllValues.add("Turks and Caicos Islands");
        mAllValues.add("Tuvalu");
        mAllValues.add("Uganda");
        mAllValues.add("Ukraine");
        mAllValues.add("United Arab Emirates");
        mAllValues.add("United Kingdom");
        mAllValues.add("United States");
        mAllValues.add("United States Minor Outlying Islands");
        mAllValues.add("Uruguay");
        mAllValues.add("Uzbekistan");
        mAllValues.add("Vanuatu");
        mAllValues.add("Venezuela");
        mAllValues.add("Viet Nam");
        mAllValues.add("Virgin Islands, British");
        mAllValues.add("Virgin Islands, U.S.");
        mAllValues.add("Wallis and Futuna");
        mAllValues.add("Western Sahara");
        mAllValues.add("Yemen");
        mAllValues.add("Zambia");
        mAllValues.add("Zimbabwe");

        mAdapter = new ArrayAdapter<>(mContext, android.R.layout.simple_list_item_1, mAllValues);
        setListAdapter(mAdapter);
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

package androlite.androidfragmentsearchview;

import android.app.ListFragment;

import android.content.Context;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.Menu;

import android.view.MenuInflater;

import android.view.MenuItem;

import android.view.View;

import android.view.ViewGroup;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import android.widget.SearchView;

import android.widget.TextView;

import java.util.ArrayList;

import java.util.List;

public class SearchFragment extends ListFragment implements SearchView.OnQueryTextListener, MenuItem.OnActionExpandListener {

List<String> mAllValues;

private ArrayAdapter<String> mAdapter;

private Context mContext;

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

mContext = getActivity();

setHasOptionsMenu(true);

populateList();

}

@Override

public void onListItemClick(ListView listView, View v, int position, long id) {

String item = (String) listView.getAdapter().getItem(position);

if (getActivity() instanceof OnItem1SelectedListener) {

((OnItem1SelectedListener) getActivity()).OnItem1SelectedListener(item);

}

getFragmentManager().popBackStack();

}

@Override

public void onDetach() {

super.onDetach();

}

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

View layout = inflater.inflate(R.layout.search_fragment, container, false);

ListView listView = (ListView) layout.findViewById(android.R.id.list);

TextView emptyTextView = (TextView) layout.findViewById(android.R.id.empty);

listView.setEmptyView(emptyTextView);

return layout;

}

@Override

public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {

inflater.inflate(R.menu.search_menu, menu);

MenuItem searchItem = menu.findItem(R.id.action_search);

SearchView searchView = (SearchView) searchItem.getActionView();

searchView.setOnQueryTextListener(this);

searchView.setQueryHint("Search");

super.onCreateOptionsMenu(menu, inflater);

}

@Override

public boolean onQueryTextSubmit(String query) {

return true;

}

@Override

public boolean onQueryTextChange(String newText) {

if (newText == null || newText.trim().isEmpty()) {

resetSearch();

return false;

}

List<String> filteredValues = new ArrayList<String>(mAllValues);

for (String value : mAllValues) {

if (!value.toLowerCase().contains(newText.toLowerCase())) {

filteredValues.remove(value);

}

mAdapter = new ArrayAdapter<>(mContext, android.R.layout.simple_list_item_1, filteredValues);

setListAdapter(mAdapter);

return false;

}

public void resetSearch() {

mAdapter = new ArrayAdapter<>(mContext, android.R.layout.simple_list_item_1, mAllValues);

setListAdapter(mAdapter);

}

@Override

public boolean onMenuItemActionExpand(MenuItem item) {

return true;

}

@Override

public boolean onMenuItemActionCollapse(MenuItem item) {

return true;

}

public interface OnItem1SelectedListener {

void OnItem1SelectedListener(String item);

}

private void populateList(){

mAllValues = new ArrayList<>();

mAllValues.add("Afghanistan");

mAllValues.add("Åland Islands");

mAllValues.add("Albania");

mAllValues.add("Algeria");

mAllValues.add("American Samoa");

mAllValues.add("AndorrA");

mAllValues.add("Angola");

mAllValues.add("Anguilla");

mAllValues.add("Antarctica");

mAllValues.add("Antigua and Barbuda");

mAllValues.add("Argentina");

mAllValues.add("Armenia");

mAllValues.add("Aruba");

mAllValues.add("Australia");

mAllValues.add("Austria");

mAllValues.add("Azerbaijan");

mAllValues.add("Bahamas");

mAllValues.add("Bahrain");

mAllValues.add("Bangladesh");

mAllValues.add("Barbados");

mAllValues.add("Belarus");

mAllValues.add("Belgium");

mAllValues.add("Belize");

mAllValues.add("Benin");

mAllValues.add("Bermuda");

mAllValues.add("Bhutan");

mAllValues.add("Bolivia");

mAllValues.add("Bosnia and Herzegovina");

mAllValues.add("Botswana");

mAllValues.add("Bouvet Island");

mAllValues.add("Brazil");

mAllValues.add("British Indian Ocean Territory");

mAllValues.add("Brunei Darussalam");

mAllValues.add("Bulgaria");

mAllValues.add("Burkina Faso");

mAllValues.add("Burundi");

mAllValues.add("Cambodia");

mAllValues.add("Cameroon");

mAllValues.add("Canada");

mAllValues.add("Cape Verde");

mAllValues.add("Cayman Islands");

mAllValues.add("Central African Republic");

mAllValues.add("Chad");

mAllValues.add("Chile");

mAllValues.add("China");

mAllValues.add("Christmas Island");

mAllValues.add("Cocos (Keeling) Islands");

mAllValues.add("Colombia");

mAllValues.add("Comoros");

mAllValues.add("Congo");

mAllValues.add("Congo, The Democratic Republic of the");

mAllValues.add("Cook Islands");

mAllValues.add("Costa Rica");

mAllValues.add("Cote D\'Ivoire");

mAllValues.add("Croatia");

mAllValues.add("Cuba");

mAllValues.add("Cyprus");

mAllValues.add("Czech Republic");

mAllValues.add("Denmark");

mAllValues.add("Djibouti");

mAllValues.add("Dominica");

mAllValues.add("Dominican Republic");

mAllValues.add("Ecuador");

mAllValues.add("Egypt");

mAllValues.add("El Salvador");

mAllValues.add("Equatorial Guinea");

mAllValues.add("Eritrea");

mAllValues.add("Estonia");

mAllValues.add("Ethiopia");

mAllValues.add("Falkland Islands (Malvinas)");

mAllValues.add("Faroe Islands");

mAllValues.add("Fiji");

mAllValues.add("Finland");

mAllValues.add("France");

mAllValues.add("French Guiana");

mAllValues.add("French Polynesia");

mAllValues.add("French Southern Territories");

mAllValues.add("Gabon");

mAllValues.add("Gambia");

mAllValues.add("Georgia");

mAllValues.add("Germany");

mAllValues.add("Ghana");

mAllValues.add("Gibraltar");

mAllValues.add("Greece");

mAllValues.add("Greenland");

mAllValues.add("Grenada");

mAllValues.add("Guadeloupe");

mAllValues.add("Guam");

mAllValues.add("Guatemala");

mAllValues.add("Guernsey");

mAllValues.add("Guinea");

mAllValues.add("Guinea-Bissau");

mAllValues.add("Guyana");

mAllValues.add("Haiti");

mAllValues.add("Heard Island and Mcdonald Islands");

mAllValues.add("Holy See (Vatican City State)");

mAllValues.add("Honduras");

mAllValues.add("Hong Kong");

mAllValues.add("Hungary");

mAllValues.add("Iceland");

mAllValues.add("India");

mAllValues.add("Indonesia");

mAllValues.add("Iran, Islamic Republic Of");

mAllValues.add("Iraq");

mAllValues.add("Ireland");

mAllValues.add("Isle of Man");

mAllValues.add("Israel");

mAllValues.add("Italy");

mAllValues.add("Jamaica");

mAllValues.add("Japan");

mAllValues.add("Jersey");

mAllValues.add("Jordan");

mAllValues.add("Kazakhstan");

mAllValues.add("Kenya");

mAllValues.add("Kiribati");

mAllValues.add("Korea, Democratic People\'S Republic of");

mAllValues.add("Korea, Republic of");

mAllValues.add("Kuwait");

mAllValues.add("Kyrgyzstan");

mAllValues.add("Lao People\'S Democratic Republic");

mAllValues.add("Latvia");

mAllValues.add("Lebanon");

mAllValues.add("Lesotho");

mAllValues.add("Liberia");

mAllValues.add("Libyan Arab Jamahiriya");

mAllValues.add("Liechtenstein");

mAllValues.add("Lithuania");

mAllValues.add("Luxembourg");

mAllValues.add("Macao");

mAllValues.add("Macedonia, The Former Yugoslav Republic of");

mAllValues.add("Madagascar");

mAllValues.add("Malawi");

mAllValues.add("Malaysia");

mAllValues.add("Maldives");

mAllValues.add("Mali");

mAllValues.add("Malta");

mAllValues.add("Marshall Islands");

mAllValues.add("Martinique");

mAllValues.add("Mauritania");

mAllValues.add("Mauritius");

mAllValues.add("Mayotte");

mAllValues.add("Mexico");

mAllValues.add("Micronesia, Federated States of");

mAllValues.add("Moldova, Republic of");

mAllValues.add("Monaco");

mAllValues.add("Mongolia");

mAllValues.add("Montserrat");

mAllValues.add("Morocco");

mAllValues.add("Mozambique");

mAllValues.add("Myanmar");

mAllValues.add("Namibia");

mAllValues.add("Nauru");

mAllValues.add("Nepal");

mAllValues.add("Netherlands");

mAllValues.add("Netherlands Antilles");

mAllValues.add("New Caledonia");

mAllValues.add("New Zealand");

mAllValues.add("Nicaragua");

mAllValues.add("Niger");

mAllValues.add("Nigeria");

mAllValues.add("Niue");

mAllValues.add("Norfolk Island");

mAllValues.add("Northern Mariana Islands");

mAllValues.add("Norway");

mAllValues.add("Oman");

mAllValues.add("Pakistan");

mAllValues.add("Palau");

mAllValues.add("Palestinian Territory, Occupied");

mAllValues.add("Panama");

mAllValues.add("Papua New Guinea");

mAllValues.add("Paraguay");

mAllValues.add("Peru");

mAllValues.add("Philippines");

mAllValues.add("Pitcairn");

mAllValues.add("Poland");

mAllValues.add("Portugal");

mAllValues.add("Puerto Rico");

mAllValues.add("Qatar");

mAllValues.add("Reunion");

mAllValues.add("Romania");

mAllValues.add("Russian Federation");

mAllValues.add("RWANDA");

mAllValues.add("Saint Helena");

mAllValues.add("Saint Kitts and Nevis");

mAllValues.add("Saint Lucia");

mAllValues.add("Saint Pierre and Miquelon");

mAllValues.add("Saint Vincent and the Grenadines");

mAllValues.add("Samoa");

mAllValues.add("San Marino");

mAllValues.add("Sao Tome and Principe");

mAllValues.add("Saudi Arabia");

mAllValues.add("Senegal");

mAllValues.add("Serbia and Montenegro");

mAllValues.add("Seychelles");

mAllValues.add("Sierra Leone");

mAllValues.add("Singapore");

mAllValues.add("Slovakia");

mAllValues.add("Slovenia");

mAllValues.add("Solomon Islands");

mAllValues.add("Somalia");

mAllValues.add("South Africa");

mAllValues.add("South Georgia and the South Sandwich Islands");

mAllValues.add("Spain");

mAllValues.add("Sri Lanka");

mAllValues.add("Sudan");

mAllValues.add("Suriname");

mAllValues.add("Svalbard and Jan Mayen");

mAllValues.add("Swaziland");

mAllValues.add("Sweden");

mAllValues.add("Switzerland");

mAllValues.add("Syrian Arab Republic");

mAllValues.add("Taiwan, Province of China");

mAllValues.add("Tajikistan");

mAllValues.add("Tanzania, United Republic of");

mAllValues.add("Thailand");

mAllValues.add("Timor-Leste");

mAllValues.add("Togo");

mAllValues.add("Tokelau");

mAllValues.add("Tonga");

mAllValues.add("Trinidad and Tobago");

mAllValues.add("Tunisia");

mAllValues.add("Turkey");

mAllValues.add("Turkmenistan");

mAllValues.add("Turks and Caicos Islands");

mAllValues.add("Tuvalu");

mAllValues.add("Uganda");

mAllValues.add("Ukraine");

mAllValues.add("United Arab Emirates");

mAllValues.add("United Kingdom");

mAllValues.add("United States");

mAllValues.add("United States Minor Outlying Islands");

mAllValues.add("Uruguay");

mAllValues.add("Uzbekistan");

mAllValues.add("Vanuatu");

mAllValues.add("Venezuela");

mAllValues.add("Viet Nam");

mAllValues.add("Virgin Islands, British");

mAllValues.add("Virgin Islands, U.S.");

mAllValues.add("Wallis and Futuna");

mAllValues.add("Western Sahara");

mAllValues.add("Yemen");

mAllValues.add("Zambia");

mAllValues.add("Zimbabwe");

mAdapter = new ArrayAdapter<>(mContext, android.R.layout.simple_list_item_1, mAllValues);

setListAdapter(mAdapter);

}

Oh ya! Jangan lupa membuat menu pencarian yang menyertakan SearchViewWidget. Perhatikan search_menu.xml dibawah ini.

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:myapp="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_search"
        android:orderInCategory="1"
        myapp:showAsAction="always"
        myapp:actionViewClass="android.widget.SearchView"
        android:title="Search" />
</menu>

<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:myapp="http://schemas.android.com/apk/res-auto">

<item

android:id="@+id/action_search"

android:orderInCategory="1"

myapp:showAsAction="always"

myapp:actionViewClass="android.widget.SearchView"

android:title="Search" />

</menu>

Setelah melengkapi project di atas, silakan run/ debug project Anda. Jika semua sesuai, maka akan muncul sebuah program yang menampilkan data pada Listview dan memiliki fungsi pencarian pada toolbar. seperti gambar dibawah.

Gambar Aplikasi Search View pada Toolbar Fragment

Sampai disini, maka selesai sudah cerita berbagi kami tentang bagaimana cara membuat fungsi pencarian dari toolbar pada Fragment. Jika Anda mengalami kendala, maka jangan sungkan untuk bertanya pada kolom komentar di bawah.

Jika Anda mengalami kesulitan dalam mengimplementasikan kode-kode yang kami tulis di atas, maka bisa Anda download full source codenya dari halaman GitHub kami.

Download Source Code Aplikasi Android

Baca Artikel lain tentang Android di bawah :

4 COMMENTS

How to Adding SearchView in Fragment | Crazy 4d March 27, 2017 at 7:37 pm

[…] Cara Membuat Search View pada Toolbar Fragment Android […]

jose augusto tejada barrantes April 18, 2017 at 4:03 am

How would it work with a Compiler since a ListFragment uses a ListView. Thank you

ilham setiyawan December 15, 2017 at 11:05 am

Terimakasih gan sangat membantu
blog

twirls June 19, 2019 at 2:08 pm

Ꭲhankѕ for finally talking about >Cɑra MemƄuat Search View pada Toolbar
Fгagment Androiԁ – GULANGGULING.COM <Liked it!

Membuat Shortcut untuk switch Dark dan Light Mode di Macbook

Cara buat Sticker langsung di Web WhatsApp tanpa Install aplikasi!

Cara Mengembalikan Nomer WhatsApp yang terkena Banned

Cara melihat history Kometar dan Like di Instagram

Drama Review: Duel

Drama Review: The Best Hit

Drama Review: Seven Days Queen

Drama Review: My Sassy Girl

Drama Review: Circle

Cara Membuat Search View pada Toolbar Fragment Android

Memasang Search View di Action Bar Android

Download Source Code Aplikasi Android

4 COMMENTS

LEAVE A REPLY Cancel reply

Belum Lama ini :

Membuat Shortcut untuk switch Dark dan Light Mode di Macbook

Cara buat Sticker langsung di Web WhatsApp tanpa Install aplikasi!

Cara Mengembalikan Nomer WhatsApp yang terkena Banned

Aplikasi Rambox, dapat digunakan untuk login banyak akun WhatsApp hingga marketing jualan.

Cara melihat history Kometar dan Like di Instagram

Cara menyimpan gambar di Memori browser Agar performa server membaik

LeafletJS adalah Library Maps Gratis

Perbedaan GET dan POST, mana yang lebih baik?

Kompresor PDF oleh Duplichecker – Cara mudah dan sederhana untuk kompres file pdf

Aplikasi WallPaper yang Bagus di Android

Video iklan Axis Gaol Ha el AD BB Q G Dst Nelpon Singkat-singkat!

Sengketa rebutan BMW.ID

Video Remix Iklan Indomie Jadul

Cara Membuat aplikasi Android untuk membuka Google Maps

Hasil Liga Champion Terbaru, Duo Manchester Menang!

Resep Kwetiau Sapi

Jadwal Liga Europa, Manchester United vs Midtjylland

Fakta Fedex dan Panah