Come praticamente tutti i framework per la costruzione di interfacce grafiche, anche il nostro TornadoFX è munito di un DatePicker.
Oggi vediamo come inserirlo nella nostra gui; metteremo anche un Button, che alla pressione stamperà in console la data scelta dall'utente.
Oggi, oltre ad aver aggiornato diverse librerie, ho aggiunto uno strumento alla sezione omonima: Color picker!
Si tratta di un piccolo programmino che consente di scegliere un colore da un picker, visualizzare la sua resa, ed eseguire diverse conversioni.
Il tutto è stato fatto tramite jscolor, una libreria Javascript non richiede librerie esterne.
Sono passati anni , ormai, ma jQuery UI Datepicker continua ad essere il mio calendario preferito.
Sia per facilità di implementazione, che per la possibilità di personalizzazione.
Oggi vediamo come possiamo impostare il datepicker per visualizzare solo il mese e l'anno, omettendo il giorno.
Può essere utile nel caso si impostino periodi di tempo per mese / anno, tipo un budget.
Prima di tutto, impostiamo una regola CSS per nascondere il calendario:
.ui-datepicker-calendar { display: none; }
Provatela per vedere l'effetto.
jQuery Mobile lo conosciamo, è un ottimo framework basato su jQuery indirizzato al mobile.
Tra i componenti ne manca uno essenziale, a mio parere: un datepicker.
In giro ci sono vari datepicker indirizzati al mobile, e tra questi io personalmente ho scelto DateBox.
Le opzioni, come potete vedere, sono tantissime e l'aspetto grafico in perfetto stile jQuery Mobile.
I DatePicker sono dei componenti molto comodi per rappresentare le date, e li possiamo ormai trovare su qualsiasi software Web, Desktop o Mobile che sia.
Oggi vediamo come usare questo componente in Android.
Prima di tutto aggiuntetelo al lyout della vostra Activity:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
style="@style/app_theme"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" ><DatePicker
android:id="@+id/date_picker"
android:layout_width="fill_parent"
android:layout_height="110dp"
android:calendarViewShown="false" /><Button
android:id="@+id/btn_up"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/btn" /></LinearLayout>
Controllate quali opzioni fanno per voi ovviamente.
Ho messo anche un Button per impostarci sopra un evento di lettura della data scelta.
Poi nella nostra Avtivity:
public class MyActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.add_er);
DatePicker datePicker = (DatePicker) findViewById(R.id.date_picker);
Button btnLogin = (Button) findViewById(R.id.btn);
btnLogin.setOnClickListener(new View.OnClickListener() {public void onClick(View v) {
String date = DateFormat.format("yyyy-MM-dd", datePicker.getCalendarView().getDate()).toString();
System.out.println(date);
}
});
}}
Al click sul Button trasformo la data scelta in stringa e la formatto come voglio usando un oggetto DateFormat.
Abbiamo visto come riempire le UIPickerView usando sia un NSArray sia usando un NSDictionary.
Abbiamo anche visto che leggere un file di testo.
A questo punto mettiamo tutto insieme: da un file di testo riempiamo l'NSDictionary che viene usato dal nostro UIPickerView.
Il file di testo sarà una cosa del genere:
s.c.c. a r.l.;Società Cooperativa Consortile a responsabilità limitata
S.p.A.;Società per Azioni
N.A.;National Association
Cons. a.e.;Consorzio con attività esterna
Cons.;Consorzio
S.c.r.l.;Società Cooperativa responsabilità limitata
soc. consort. n c.;Società Consortile in nome collettivo
coop. soc.;Cooperativa sociale
p. soc. coop.;Piccola Società Cooperativa
s.r.l. unico socio;Società a responsabilità limitata con unico socio
soc. coop. agricola;Società Cooperativa Agricola
S.p.A. Socio Unico;Società per Azioni con Socio Unico
s.r.l. unipersonale;Società unipersonale a responsabilità limitata
L.L.C.;Limited Liability Company
s.a.s.;Società in accomandita semplice
soc. coop. p.A. r.l.;Società cooperativa per Azioni a responsabilità limitata
Soc. Mutua Ass.;Società di Mutua Assicurazione
Cons. a gar. l.;Consorzio a garanzia limitata
Ente Morale;Ente Morale
GmbH;Geselschaft mit Beschränkter Haftung
In pratica ogni riga la spezziamo al punto e virgola e la parte di sinstra sarà la chiave, mentre quella di stra il valore visto sullo schermo.
Prima di tutto aggiungete il file al progetto.
Poi questo sarà il file .h:
#import <UIKit/UIKit.h>
@interface ControllerAziendaReg : UIViewController {
NSMutableDictionary *dictionaryForma;
NSArray *splitArray;
NSMutableArray *keysForma;
NSMutableArray *objectsForma;
NSString *fileTxt;
NSString *textFromFile;
UIActionSheet *sheetForma;
}@property (retain, nonatomic) IBOutlet UIPickerView *pickerForma;
@end
Il file .m ve lo spezzo in modo da rendere più chiaro il tutto.