Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> android開發之wheel控件使用詳解

android開發之wheel控件使用詳解

編輯:關於android開發

android開發之wheel控件使用詳解


出門在外生不起病呀,隨便兩盒藥60多塊錢。好吧,不廢話了,今天我們來看看wheel控件的使用,這是GitHub上的一個開源控件,用起來十分方便,我們可以用它做許多事情,比如做一個自定義的datepicker,在一些電商App中,經常用它來做省市縣三級聯動,總之用途還是挺多的,我們今天就一起來看看怎麼使用這個東東。

我們先來看看今天要做的一個效果圖:

/

這是我們今天要做的效果圖。下面就開始吧。

1.獲得wheel

wheel是GitHub上的一個開源控件,我們可以直接在GitHub上下載,地址https://github.com/maarek/android-wheel,下載完成之後我們可以把裡邊的wheel文件直接當作一個library來使用,也可以把wheel裡邊的Java類和xml文件拷貝到我們的項目中使用。

2.使用方法

首先我們來看看主布局文件:

 



    

    

        
        

        
        

        
        
    

好了,在主布局文件中我們用到了三個WheelView,分別用來表示省市縣,在MainActivity中,我們首先要拿到這三個控件:

 

 

provinceView = (WheelView) this.findViewById(R.id.province_view);
		cityView = (WheelView) this.findViewById(R.id.city_view);
		areaView = (WheelView) this.findViewById(R.id.area_view);

拿到之後,我們要使用ArrayWheelAdapter數據適配器來進行數據適配,這裡需要兩個參數,一個是上下文,另外一個是一個數組,這個數組就是我們要展示的內容,也就是說我們要把省、市、區縣都存為數組的形式,但是考慮到一個省對應多個市,一個市對應多個區縣,為了把省市縣之間關聯起來,我們還要用到一個Map集合,因此,我們設計的數據結構是這樣的:

 

 

/**
	 * 省
	 */
	private String[] provinceArray;
	/**
	 * 省-市
	 */
	private Map citiesMap;
	/**
	 * 市-區縣
	 */
	private Map areasMap;

第一個數組中存所有省的數據,第二個Map中存所有省對應的市的數據,第三個Map中存所有市對應的區縣的數據,我們現在要給這是三個數據集賦值,先來看看我們的json數據格式:

 

 

[{name:北京,city:[{name:北京,area:[東城區,西城區,崇文區,宣武區...]}]}.....]

我們的json數據就是這樣一種格式,json數據存在assets文件夾中,下面我們看看怎麼解析json數據並賦值給上面三個數據集:

 

 

	private void initJson() {
		citiesMap = new HashMap();
		areasMap = new HashMap();
		InputStream is = null;
		try {
			StringBuffer sb = new StringBuffer();
			is = getAssets().open(city.json);
			int len = -1;
			byte[] buf = new byte[1024];
			while ((len = is.read(buf)) != -1) {
				sb.append(new String(buf, 0, len, gbk));
			}
			JSONArray ja = new JSONArray(sb.toString());
			provinceArray = new String[ja.length()];
			String[] citiesArr = null;
			for (int i = 0; i < provinceArray.length; i++) {
				JSONObject jsonProvince = ja.getJSONObject(i);
				provinceArray[i] = jsonProvince.getString(name);
				JSONArray jsonCities = jsonProvince.getJSONArray(city);
				citiesArr = new String[jsonCities.length()];
				for (int j = 0; j < citiesArr.length; j++) {
					JSONObject jsonCity = jsonCities.getJSONObject(j);
					citiesArr[j] = jsonCity.getString(name);
					JSONArray jsonAreas = jsonCity.getJSONArray(area);
					String[] areaArr = new String[jsonAreas.length()];
					for (int k = 0; k < jsonAreas.length(); k++) {
						areaArr[k] = jsonAreas.getString(k);
					}
					areasMap.put(citiesArr[j], areaArr);
				}
				citiesMap.put(provinceArray[i], citiesArr);
			}

		} catch (IOException e) {
			e.printStackTrace();
		} catch (JSONException e) {
			e.printStackTrace();
		} finally {
			if (is != null) {
				try {
					is.close();
				} catch (IOException e) {
					e.printStackTrace();
				}
			}
		}
	}
json解析技術上沒有難點,這裡的邏輯稍微有點復雜,用到了三個嵌套的for循環,大家慢慢琢磨一下其實也不難。好了,當數據集中都有數據之後,我們就可以給三個wheel設置Adapter了:

 

 

	private void initView() {
		provinceView.setViewAdapter(new ArrayWheelAdapter(
				MainActivity.this, provinceArray));
		// 默認顯示北京直轄市裡邊的市(只有北京市)
		cityView.setViewAdapter(new ArrayWheelAdapter(
				MainActivity.this, citiesMap.get(北京)));
		// 默認顯示北京市裡邊的區縣
		areaView.setViewAdapter(new ArrayWheelAdapter(
				MainActivity.this, areasMap.get(北京)));

		// 默認顯示第一項
		provinceView.setCurrentItem(0);
		// 默認顯示第一項
		cityView.setCurrentItem(0);
		// 默認顯示第一項
		areaView.setCurrentItem(0);
		// 頁面上顯示7項
		provinceView.setVisibleItems(7);
		cityView.setVisibleItems(7);
		areaView.setVisibleItems(7);
		// 添加滑動事件
		provinceView.addChangingListener(this);
		cityView.addChangingListener(this);
	}
設置完Adapter之後我們還設置了一些缺省值,都很簡單,大家直接看注釋即可,我們這裡設置了兩個監聽事件,我們看看:

 

 

@Override
	public void onChanged(WheelView wheel, int oldValue, int newValue) {
		if (wheel == provinceView) {
			// 更新省的時候不僅要更新市同時也要更新區縣
			updateCity();
			updateArea();
		} else if (wheel == cityView) {
			// 更新市的時候只用更新區縣即可
			updateArea();
		}
	}

	private void updateArea() {
		// 獲得當前顯示的City的下標
		int cityIndex = cityView.getCurrentItem();
		// 獲得當前顯示的省的下標
		int provinceIndex = provinceView.getCurrentItem();
		// 獲得當前顯示的省的名字
		String proviceName = provinceArray[provinceIndex];
		// 獲得當前顯示的城市的名字
		String currentName = citiesMap.get(proviceName)[cityIndex];
		// 根據當前顯示的城市的名字獲得該城市下所有的區縣
		String[] areas = areasMap.get(currentName);
		// 將新獲得的數據設置給areaView
		areaView.setViewAdapter(new ArrayWheelAdapter(
				MainActivity.this, areas));
		// 默認顯示第一項
		areaView.setCurrentItem(0);
	}

	private void updateCity() {
		// 獲得當前顯示的省的下標
		int currentIndex = provinceView.getCurrentItem();
		// 獲得當前顯示的省的名稱
		String currentName = provinceArray[currentIndex];
		// 根據當前顯示的省的名稱獲得該省中所有的市
		String[] cities = citiesMap.get(currentName);
		// 將新獲得的數據設置給cityView
		cityView.setViewAdapter(new ArrayWheelAdapter(
				MainActivity.this, cities));
		// 默認顯示第一項
		cityView.setCurrentItem(0);
	}

幾乎每行代碼都有注釋,我就不啰嗦了,最後我們再來看看點擊事件:

 

 

	public void onClick(View v) {
		// 獲得當前顯示的省的下標
		int provinceIndex = provinceView.getCurrentItem();
		// 獲得當前顯示的省的名稱
		String provinceName = provinceArray[provinceIndex];
		// 獲得當前顯示的城市的下標
		int cityIndex = cityView.getCurrentItem();
		// 獲得當前顯示的城市的名稱
		String cityName = citiesMap.get(provinceName)[cityIndex];
		// 獲得當前顯示的區縣的下標
		int areaIndex = areaView.getCurrentItem();
		Toast.makeText(
				this,
				您選擇的地區是 + provinceArray[provinceIndex] + cityName
						+ areasMap.get(cityName)[areaIndex], Toast.LENGTH_SHORT)
				.show();
	}

好了,到這裡我們想要的功能基本上就實現了,但是我們可以看到,系統默認的樣式略顯丑陋,那我我們可以通過修改源碼來獲得我們想要的樣式,首先上下的黑邊看這裡:

 

 

private int[] SHADOWS_COLORS = new int[] { 0xFF111111, 0x00AAAAAA,
			0x00AAAAAA };
在WheelView.java文件中,這一行代碼定義了上下黑邊的顏色的變化,三個參數分別是起始顏色,過渡顏色以及結束時的顏色,那麼我們可以通過修改這裡的源碼來去掉上下的黑邊,還有中間那個透明的東東黑不拉叽的,我們想改,通過源碼找到了這個文件wheel_val.xml:

 

 


	

	 
這裡定義了中間那個透明條的樣式,我們可以根據自己的需要進行修改。好了,這裡的源碼不多,也不難,大家可以自己去琢磨琢磨,關於wheel的介紹我們就說這麼多。

 

 

 

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved