Oggi vediamo come implementare un proprio Adapter partendo da BaseAdapter in Android.
Ho dovuto seguire questa strada per avere un maggiore controllo nel caso di dati presi da XML; non ho avuto problemi del genere invece con JSON.
Ma poco male!
Non vedremo come interpretare i dati XML o come popolare la ListView, ma ci limiteremo a creare il nostro Adapter.
Supponiamo di avere una jQuery Mobile Listview con parecchi elementi.
Come fare per poter ricercare all'interno soltanto determinati elementi?
Molto semplicemente aggiungendo gli attributi giusti!
Prima di tutto date un'occhiata agli esempi basici che potete trovare qua.
Se vedete più sotto c'è anche l'esempio per il filter.
Faccio un passo in più, e vediamo come aprire una finestra di dialogo cliccando su un elemento della ListView.
Qui abbiamo visto come riempire una ListView da dati JSON.
Come possiamo vedere, sulla ListView mostriamo solo un campo rispetto a quelli che prendiamo.
Adesso, cliccando su una riga, vogliamo vedere anche gli altri.
Prima di tutto creiamo un altro file QML (detail_dialog.qml) con questo dentro:
import QtQuick 2.0
Item {
id: detailDialog
anchors.fill: parent
PropertyAnimation {
target: detailDialog
property: "opacity"
duration: 400
from: 0
to: 1
easing.type: Easing.InOutQuad
running: true
}
Rectangle {
id: dialogWindow
width: 200
height: 200
radius: 10
border.color: "black"
anchors.centerIn: parent
Text {
anchors.centerIn: parent
text: "AUTORE: " + author + "\nEDITORE: " + editor + "\nPREZZO: " + price + "\nISBN: " + isbn + "\nNOTE: " + note
}
MouseArea{
anchors.fill: parent
onClicked: {
detailDialog.destroy()
}
}
}
}
Adesso dobbiamo intercettare l'evento click sulla riga nella finestra principale.
In questo articolo avevamo visto come riempire una ListVew con dati in formato JSON.
Oggi piccolo tip: vogliamo impostare i le righe con colori alternati.
La cosa in verità è molto semplice, e basta impostare il parametro color all'oggetto Rectangle interno.
Oggi vediamo come riempire una ListView in QML prendendo i dati in formato JSON dal web.
Per prendere i dati useremo Javascript e AJAX.
Questa è una delle cose che mi piace di più di QML: usare Javascript in una app per desktop!
Prima di tutto vediamo il file main.qml, dove c'è tutta la parte grafica:
import QtQuick 2.0
import QtQuick.Controls 1.0
import "script.js" as ScriptApplicationWindow {
id: mainWindow
title: "App"
visible: true
width: 600
height: 600Component.onCompleted: Script.load()
ListModel { id: listModelJson }
Rectangle {
height: parent.height
width: parent.width
ListView {
id: listViewJson
x: 0
y: 0
width: 600
height: 592
delegate: Rectangle {
width: parent.width
height: 70
}
model: listModelJson
}
}
}
Come vedete tra gli import c'è anche il nostro file Javascript (che dopo andremo a creare).
Abbiamo visto come riempire una ListView in Android con dati in formato JSON.
Oggi vediamo come fare la stessa cosa usando l'altro formato principe per strutturare i dati: XML.
Qua useremo una Activity invece di un Fragment, ma cambia relativamente poco.
Partiamo dalla Activity:
public class MainActivity extends ListActivity {
private ArrayList list;
private ArrayAdapter adapter;
private ReadXml rx;
private ListView lv;@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lv = getListView();
rx = new ReadXml();
setLista();
}private void setLista() {
try {
list = rx.readClienti(getApplicationContext(), Environment.getExternalStorageDirectory() .getAbsolutePath() + File.separator + "dati.xml" ;
} catch (IOException e) {
} catch (SAXException e) {
} catch (ParserConfigurationException e) {
}
adapter = new ArrayAdapter(getApplicationContext(),
android.R.layout.simple_list_item_1, list);
lv.setAdapter(adapter);}
}
Abbiamo un metodo setLista che si occupa di riempire la ListView.