English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Questa guida condivide l'esempio di codice per la realizzazione di un selettore a scorrimento orizzontale e verticale con WheelView, per la vostra riferimento, il contenuto dettagliato è il seguente
1. Ottenere wheel
wheel è un componente open source su GitHub, possiamo scaricarlo direttamente da GitHub, l'indirizzohttps://github.com/maarek/android-wheelDopo il download, possiamo utilizzare direttamente i file wheel come una libreria, o copiare i file Java e XML di wheel nel nostro progetto.
2. Modo d'uso
Prima di tutto, diamo un'occhiata al file di layout principale:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Seleziona città" />
<LinearLayout
android:id="@+id/content"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_below="@id/title"
android:background="@drawable/layout_bg"
android:orientation="horizontal" >
<kankan.wheel.widget.WheelView
android:id="@+id/province_view"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1" >
</kankan.wheel.widget.WheelView>
<kankan.wheel.widget.WheelView
android:id="@+id/city_view"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1" >
</kankan.wheel.widget.WheelView>
<kankan.wheel.widget.WheelView
android:id="@+id/area_view"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1" >
</kankan.wheel.widget.WheelView>
</LinearLayout>
<Button
android:id="@+id/confirm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/content"
android:onClick="onClick"
android:text="Conferma" />
</RelativeLayout>
Bene, nel file di layout principale abbiamo utilizzato tre WheelView, ciascuno dei quali rappresenta le province, le città e i distretti. Nella MainActivity, dobbiamo prima ottenere questi tre controlli:
provinceView = (WheelView) this.findViewById(R.id.province_view);
cityView = (WheelView) this.findViewById(R.id.city_view);
areaView = (WheelView) this.findViewById(R.id.area_view);
Ottenuto, dobbiamo utilizzare l'adattatore di dati ArrayWheelAdapter per l'adattamento dei dati, qui sono necessari due parametri, uno è il contesto, l'altro è un array, questo array è il contenuto che dobbiamo visualizzare, ovvero dobbiamo memorizzare le province, le città e i distretti come array. Tuttavia, poiché una provincia può avere più città e una città può avere più distretti, per associare le province, le città e i distretti, dobbiamo utilizzare anche una raccolta Map. Pertanto, la struttura dei dati che progettiamo è la seguente:
/** * 省份 */ private String[] provinceArray; /** * 省份-市 */ private Map<String, String[]> citiesMap; /** * 城市-区县 */ private Map<String, String[]> areasMap;
Il primo array contiene tutti i dati delle province, il secondo Map contiene i dati delle città corrispondenti a tutte le province, il terzo Map contiene i dati dei distretti e dei comuni corrispondenti a tutte le città, ora dobbiamo assegnare questi tre set di dati, vediamo prima la struttura dei nostri dati JSON:}
[{"name":"Pechino","city":[{"name":"Pechino","area":["Dongcheng Qu","Xicheng Qu","Chongwen Qu","Xuanwu Qu"...]}]}.....]
I nostri dati JSON sono così formati, i dati JSON si trovano nella cartella assets, ora vediamo come analizzare i dati JSON e assegnarli ai tre set di dati elencati di seguito:
private void initJson() {
citiesMap = new HashMap<String, String[]>();
areasMap = new HashMap<String, String[]>();
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();
} finally {
e.printStackTrace();
}
if (is != null) {
try {
is.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
}
La解析技术在JSON non presenta difficoltà significative, la logica qui è un po' complessa e utilizza tre cicli for annidati, prenda il tempo di rifletterci e vedrà che in realtà non è così difficile. Bene, una volta che il set di dati è completo, possiamo assegnare gli Adapter ai tre wheel:
private void initView() {
provinceView.setViewAdapter(new ArrayWheelAdapter<String>%
MainActivity.this, provinceArray));
// Visualizza per default le città nella municipalità di Pechino (ci sono solo la città di Pechino)
cityView.setViewAdapter(new ArrayWheelAdapter<String>(
MainActivity.this, citiesMap.get("北京")));
// Visualizza per default le regioni nella città di Pechino
areaView.setViewAdapter(new ArrayWheelAdapter<String>(
MainActivity.this, areasMap.get("北京")));
// Visualizza per default la prima opzione
provinceView.setCurrentItem(0);
// Visualizza per default la prima opzione
cityView.setCurrentItem(0);
// Visualizza per default la prima opzione
areaView.setCurrentItem(0);
// Visualizza 7 elementi nella pagina
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();
// Ottenere l'indice della provincia attualmente visualizzata
int provinceIndex = provinceView.getCurrentItem();
// 获得当前显示的省的名字
String proviceName = provinceArray[provinceIndex];
// 获得当前显示的城市的名字
String currentName = citiesMap.get(proviceName)[cityIndex];
// 根据当前显示的城市的名字获得该城市下所有的区县
String[] areas = areasMap.get(currentName);
// 将新获得的数据设置给areaView
areaView.setViewAdapter(new ArrayWheelAdapter<String>(
MainActivity.this, areas));
// Visualizza per default la prima opzione
areaView.setCurrentItem(0);
}
private void updateCity() {
// Ottenere l'indice della provincia attualmente visualizzata
int currentIndex = provinceView.getCurrentItem();
// Ottenere il nome della provincia attualmente visualizzata
String currentName = provinceArray[currentIndex];
// 根据当前显示的省的名称获得该省中所有的市
String[] cities = citiesMap.get(currentName);
// Impostare i nuovi dati ricevuti per cityView
cityView.setViewAdapter(new ArrayWheelAdapter<String>(
MainActivity.this, cities));
// Visualizza per default la prima opzione
cityView.setCurrentItem(0);
}
Quasi ogni riga di codice ha un commento, non mi dilungherò, ora guardiamo ancora l'evento di click:
public void onClick(View v) {
// Ottenere l'indice della provincia attualmente visualizzata
int provinceIndex = provinceView.getCurrentItem();
// Ottenere il nome della provincia attualmente visualizzata
String provinceName = provinceArray[provinceIndex];
// Ottenere l'indice della città attualmente visualizzata
int cityIndex = cityView.getCurrentItem();
// Ottenere il nome della città attualmente visualizzata
String cityName = citiesMap.get(provinceName)[cityIndex];
// Ottenere l'indice del distretto attualmente visualizzato
int areaIndex = areaView.getCurrentItem();
Toast.makeText(
this,
"La regione selezionata è" + provinceArray[provinceIndex] + cityName
+ areasMap.get(cityName)[areaIndex], Toast.LENGTH_SHORT)
.show();
}
Bene, fino a qui la funzione che volevamo基本上已经实现了，ma possiamo vedere che lo stile predefinito del sistema è un po' brutto, quindi possiamo modificare il codice sorgente per ottenere lo stile che vogliamo, prima di tutto guardiamo qui le strisce nere superiori e inferiori:
private int[] SHADOWS_COLORS = new int[] { 0xFF111111, 0x00AAAAAA,
0x00AAAAAA };
Nel file WheelView.java, questa riga di codice definisce la variazione del colore degli spazi superiori e inferiori neri, i tre parametri sono rispettivamente il colore di inizio, il colore di transizione e il colore alla fine, quindi possiamo modificare il codice sorgente qui per rimuovere le strisce nere superiori e inferiori, e anche quella cosa trasparente nel mezzo che è nera e polverosa, vogliamo modificarla, abbiamo trovato questo file wheel_val.xml attraverso il codice sorgente:
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
android:startColor="#70222222"
android:centerColor="#70222222"
android:endColor="#70EEEEEE"
android:angle="90" />
<stroke android:width="1dp" android:color="#70333333" />
</shape>
Qui viene definito lo stile della barra trasparente centrale, possiamo modificarla secondo le nostre esigenze. Bene, il codice sorgente qui non è molto e non è difficile, possiamo esplorarlo da soli. Parliamo di wheel così tanto.
Download del Demo di questo articolohttps://github.com/lenve/wheelTest
Questo è tutto il contenuto dell'articolo, spero che sia utile per il tuo studio. Spero anche che tu sostenga fortemente il tutorial di urla.
Dichiarazione: il contenuto di questo articolo è stato raccolto da Internet, il copyright spetta agli autori originali, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, questo sito non detiene i diritti di proprietà, non è stato editato manualmente e non assume responsabilità legali correlate. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una e-mail a notice#oldtoolbag.com (sostituisci # con @) per segnalare il problema e fornire prove pertinenti. Una volta verificata la situazione, questo sito eliminerà immediatamente i contenuti sospetti di violazione del copyright.