android 用兩個fragment實現列表選擇
看了魏小翔作的用兩個fragment實現滑動列表選擇的效果，以爲真的很不錯，本身就仿照作了一個，以爲fragment真的很好用，在activity中使用，減小了一個activity使用的複雜程度。java
效果圖：android
- FindDoctorActivity.java
主activity不須要作什麼，只須要把放fragment的佈局加載進來進行了json
public class FindDoctorActivity extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_find_doctor);
TranslucentBarsUtils.setColor(this, Color.parseColor("#35b4c2"));
ButterKnife.bind(this);
initData();
}
private void initData() {
}
- activity_find_doctor.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#35b4c2">
<ImageButton
android:id="@+id/ib_back"
android:layout_width="50dp"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_marginLeft="8dp"
android:background="@null"
android:src="@drawable/back" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="找醫生"
android:textColor="@android:color/white"
android:textSize="20sp" />
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginTop="5dp"
android:layout_weight="1">
<fragment
android:id="@+id/fg_dept"
android:name="com.mialab.healthbutler.fragment.BranchListFragment"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2" />
<fragment
android:id="@+id/fg_illness"
android:name="com.mialab.healthbutler.fragment.IllnessListFragment"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="3" />
</LinearLayout>
</LinearLayout>
- BranchListFragment.java 這是左側選擇的fragment，須要實現setOnItemClickListener將選擇的id信息傳遞給右側，其實fragment裏面的原理就相似於activity，也有本身的視圖和數據處理，對沒錯，他就是須要綁定本身的佈局文件。
這裏的fragment_branch_list.xml佈局文件就是一個Listview列表，須要用適配器實現裏面的效果，這裏就不貼代碼了。app
package com.mialab.healthbutler.fragment;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ListView;
import com.google.gson.Gson;
import com.google.gson.reflect.TypeToken;
import com.mialab.healthbutler.R;
import com.mialab.healthbutler.adapter.BranchAdapter;
import com.mialab.healthbutler.domain.Branch;
import com.mialab.healthbutler.domain.ResponseResult;
import java.lang.reflect.Type;
import java.util.ArrayList;
import java.util.List;
import butterknife.BindView;
import butterknife.ButterKnife;
/**
* Created by hp on 2016/6/10.
*/
public class BranchListFragment extends Fragment {
private static final String branches = "{\n" +
" \"error\": false,\n" +
" \"results\": [\n" +
" {\n" +
" \"id\": \"1\",\n" +
" \"branch_name\":\"內科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"2\",\n" +
" \"branch_name\":\"外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"3\",\n" +
" \"branch_name\":\"婦產科學\"\n" +
" },\n" +
" {\n" +
" \"id\": \"4\",\n" +
" \"branch_name\":\"生殖中心\"\n" +
" },\n" +
" {\n" +
" \"id\": \"5\",\n" +
" \"branch_name\":\"骨外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"6\",\n" +
" \"branch_name\":\"眼科學\"\n" +
" },\n" +
" {\n" +
" \"id\": \"7\",\n" +
" \"branch_name\":\"五官科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"8\",\n" +
" \"branch_name\":\"腫瘤科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"9\",\n" +
" \"branch_name\":\"口腔科學\"\n" +
" },\n" +
" {\n" +
" \"id\": \"10\",\n" +
" \"branch_name\":\"皮膚性病科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"11\",\n" +
" \"branch_name\":\"男科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"12\",\n" +
" \"branch_name\":\"皮膚美容\"\n" +
" }\n" +
" ]\n" +
"}";
@BindView(R.id.lv_branch)
ListView lv_branch;
List<Branch> list_branchs = new ArrayList<Branch>();
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_branch_list, container, false);
ButterKnife.bind(this, view);
initDate();
return view;
}
private void initDate() {
Gson gson = new Gson();
Type userType = new TypeToken<ResponseResult<List<Branch>>>() {
}.getType();
ResponseResult<List<Branch>> result = gson.fromJson(branches, userType);
list_branchs = result.getResults();
final BranchAdapter branchAdapter = new BranchAdapter(getActivity(), list_branchs);
lv_branch.setAdapter(branchAdapter);
lv_branch.setSelection(0);
branchAdapter.setSelectedItem(0);
lv_branch.setOnItemClickListener(new AdapterView.OnItemClickListener() {
private IllnessListFragment illnessListFragment;
/**
* 將變化傳遞給疾病fragment
* @param parent
* @param view
* @param position
* @param id
*/
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
branchAdapter.setSelectedItem(position);
illnessListFragment = (IllnessListFragment) getActivity().getFragmentManager().findFragmentById(R.id.fg_illness);
illnessListFragment.notifyDataChange(list_branchs.get(position).getId());
}
});
}
}
- IllnessListFragment.java
這個fragment須要接受上一個fragment傳遞過來的id值進行選擇性的顯示，這個邏輯就不識閒了，貼了死的json代碼dom
package com.mialab.healthbutler.fragment;
import android.app.Fragment;
import android.content.Intent;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ListView;
import com.google.gson.Gson;
import com.google.gson.reflect.TypeToken;
import com.mialab.healthbutler.R;
import com.mialab.healthbutler.activity.DoctorListActivity;
import com.mialab.healthbutler.activity.HosDetailActivity;
import com.mialab.healthbutler.adapter.HospitalAdapter;
import com.mialab.healthbutler.adapter.IllnessAdapter;
import com.mialab.healthbutler.domain.Hospital;
import com.mialab.healthbutler.domain.Illness;
import com.mialab.healthbutler.domain.ResponseResult;
import java.lang.reflect.Type;
import java.util.ArrayList;
import java.util.List;
import butterknife.BindView;
import butterknife.ButterKnife;
/**
* Created by hp on 2016/6/10.
*/
public class IllnessListFragment extends Fragment {
@BindView(R.id.lv_illness)
ListView lv_illness;
private static final String illnesses = "{\n" +
" \"error\": false,\n" +
" \"results\": [\n" +
" {\n" +
" \"id\": \"1\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"神經外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"2\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"功能神經外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"3\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"心血管外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"4\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"胸外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"5\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"整形科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"6\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"乳腺外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"7\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"泌尿外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"8\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"肝膽外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"9\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"肛腸科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"10\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"血管外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"11\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"微創外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"12\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"普外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"13\",\n" +
" \"city_id\":\"1\",\n" +
" \"illness_name\":\"器官移植\"\n" +
" },\n" +
" {\n" +
" \"id\": \"14\",\n" +
" \"illness_name\":\"1\",\n" +
" \"illness_name\":\"綜合外科\"\n" +
" },\n" +
" {\n" +
" \"id\": \"15\",\n" +
" \"branch_id\":\"1\",\n" +
" \"illness_name\":\"普通內科\"\n" +
" }\n" +
"]\n" +
"}";
List<Illness> list_illness = new ArrayList<Illness>();
private IllnessAdapter illnessAdapter;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_illness_list, container, false);
ButterKnife.bind(this, view);
initData();
return view;
}
private void initData() {
Gson gson = new Gson();
Type type = new TypeToken<ResponseResult<List<Illness>>>() {
}.getType();
ResponseResult<List<Illness>> result = gson.fromJson(illnesses, type);
list_illness = result.getResults();
illnessAdapter = new IllnessAdapter(getActivity(), list_illness);
lv_illness.setAdapter(new IllnessAdapter(getActivity(), list_illness));
lv_illness.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Intent intent = new Intent(getActivity(), DoctorListActivity.class);
Bundle bundle = new Bundle();
bundle.putSerializable("illness", list_illness.get(position));
intent.putExtras(bundle);
startActivity(intent);
}
});
}
public void notifyDataChange(int id) {
illnessAdapter.notifyDataSetChanged();
lv_illness.setSelection(0);
}
}
相關文章
- 1. Android 一個RecyclerView實現篩選列表
- 2. ReactNative實現城市選擇列表
- 3. Android 實現單選列表
- 4. Android 城市列表選擇
- 5. Android——列表選擇框(Spinner)
- 6. vue實現城市列表選擇
- 7. Jquery+Eayui實現列表選擇功能
- 8. Android 自定義View實現城市選擇列表
- 9. Android通信錄、城市選擇器列表的實現
- 10. 用兩個棧實現隊列與用兩個隊列實現棧（Python實現）
- 更多相關文章...
- • jQuery Mobile 表單選擇菜單 - jQuery Mobile 教程
- • XQuery 選擇 和 過濾 - XQuery 教程
- • ☆基於Java Instrument的Agent實現
- • Spring Cloud 微服務實戰(三) - 服務註冊與發現
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
