Flèche De Descente De Spinner
j'essaie d'obtenir un Spinner personnalisé comme celui-ci:
mais je n'ai pu obtenir ceci:
comme vous pouvez le voir, j'ai plusieurs problèmes.
- bien que j'ai ajouté une flèche personnalisée, je vois toujours l'original.
- ma flèche personnalisée est affichée à chaque ligne.
- comment ajuster les dimensions et la position de ma flèche personnalisée?
- comment générer des lignes soulignées?
C'est mon code:
onCreateView()
:
Spinner spinner = (Spinner) rootView.findViewById(R.id.spinner);
this.arraySpinner = new String[]{
"Seleziona una data",
"03 Agosto 2015",
"13 Giugno 2015",
"27 Novembre 2015",
"30 Dicembre 2015",
};
ArrayAdapter<String> adapter = new ArrayAdapter<>(
getActivity(),
R.layout.row_spinner,
R.id.weekofday,
arraySpinner);
spinner.setAdapter(adapter);
res/layout/row_spinner.xml
:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:padding="8dp">
<TextView android:id="@+id/weekofday"
android:singleLine="true"
android:textSize="@dimen/textSize"
style="@style/SpinnerDropdown"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
<ImageView android:id="@+id/icon"
android:paddingStart="8dp"
android:paddingLeft="8dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/spinner_arrow"/>
</LinearLayout>
MODIFIER
j'ai supprimé le ImageView
et ajouté un second Spinner
créé à partir de la ressource:
ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(
getActivity(),
R.array.date,
R.layout.spinner_layout);
spinnerDate.setAdapter(adapter);
Spinner spinnerTime = (Spinner) rootView.findViewById(R.id.spinnerTime);
ArrayAdapter<CharSequence> adapterTime = ArrayAdapter.createFromResource(
getActivity(),
R.array.ore,
R.layout.spinner_layout);
spinnerTime.setAdapter(adapterTime);
avec cette disposition:
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/text1"
android:padding="8dp"
android:singleLine="true"
android:layout_height="wrap_content" android:layout_width="match_parent"/>
j'ai ajouté ceci à mon style.xml
:
<style name="AppTheme" parent="@style/_AppTheme"/>
<!-- Base application theme. -->
<style name="_AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:dropDownSpinnerStyle">@style/SpinnerTheme </item>
<item name="android:windowActionBarOverlay">false</item>
<item name="colorPrimary">@color/ColorPrimary</item>
<item name="colorPrimaryDark">@color/ColorPrimaryDark</item>
</style>
....
....
....
<!--Spinner styles 2-->
<style name="SpinnerTheme" parent="android:Widget.Spinner">
<item name="android:background">@drawable/apptheme_spinner_background_holo_light</item>
<item name="android:dropDownSelector">@drawable/apptheme_list_selector_holo_light</item>
</style>
<style name="SpinnerTheme.DropDown">
<item name="android:spinnerMode">dropdown</item>
</style>
<!-- Changes the spinner drop down item radio button style -->
<style name="DropDownItemSpinnerTheme" parent="android:Widget.DropDownItem.Spinner">
<item name="android:checkMark">@drawable/apptheme_btn_radio_holo_light</item>
</style>
<style name="ListViewSpinnerTheme" parent="android:Widget.ListView">
<item name="android:listSelector">@drawable/apptheme_list_selector_holo_light</item>
</style>
<style name="ListViewSpinnerTheme.White" parent="android:Widget.ListView.White">
<item name="android:listSelector">@drawable/apptheme_list_selector_holo_light</item>
</style>
<style name="SpinnerItemTheme"
parent="android:TextAppearance.Widget.TextView.SpinnerItem">
<item name="android:textColor">#000000</item>
</style>
mais il n'y a pas de résultat ! Je vois toujours ceci:
EDIT 2
j'ai changé le style.xml
en:
http://pastie.org/private/es40xgebcajajltksyeow
et voilà ce que j'obtiens:
maintenant au lieu de remplacer l'icône dropdown arrow j'ai même une deuxième icône, la case holo (qui fonctionne bien, être sélectionné quand je choisis un élément), mais quand même, comment puis-je obtenir seulement celui que je veux??
manifest.xml
:
http://pastie.org/private/tu0izusbvvxe91lwmh9vnw
2 réponses
vous devez supprimer le Imageview
dans votre disposition personnalisée row_spinner.xml
. Dans le cas où, vous n'avez pas besoin de créer une flèche à l'intérieur de votre mise en page personnalisée, parce que si vous le faites, il sera créé dans chaque ligne comme cela vous est arrivé. Pour faire la même chose que vous nous avez montré, vous devez changer le Spinner
style dans votre styles.xml
.
par exemple:
<resources>
<style name="SpinnerTheme" parent="android:Widget.Spinner">
<item name="android:background">@drawable/spinner_background_holo_light</item>
<item name="android:dropDownSelector">@drawable/list_selector_holo_light</item>
</style>
<style name="SpinnerTheme.DropDown">
<item name="android:spinnerMode">dropdown</item>
</style>
<!-- Changes the spinner drop down item radio button style -->
<style name="DropDownItemSpinnerTheme" parent="android:Widget.DropDownItem.Spinner">
<item name="android:checkMark">@drawable/btn_radio_holo_light</item>
</style>
<style name="ListViewSpinnerTheme" parent="android:Widget.ListView">
<item name="android:listSelector">@drawable/list_selector_holo_light</item>
</style>
<style name="ListViewSpinnerTheme.White" parent="android:Widget.ListView.White">
<item name="android:listSelector">@drawable/list_selector_holo_light</item>
</style>
<style name="SpinnerItemTheme"
parent="android:TextAppearance.Widget.TextView.SpinnerItem">
<item name="android:textColor">#000000</item>
</style>
</resources>
pour plus d'informations, consultez: http://androidopentutorials.com/android-how-to-get-holo-spinner-theme-in-android-2-x/
EDIT
selector_spinner.xml:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<layer-list>
<item>
<shape>
<gradient android:angle="90" android:endColor="#ffffff" android:startColor="#ffffff" android:type="linear" />
<stroke android:width="1dp" android:color="#504a4b" />
<corners android:radius="5dp" />
<padding android:bottom="3dp" android:left="3dp" android:right="3dp" android:top="3dp" />
</shape>
</item>
<item>
<bitmap android:gravity="bottom|right" android:src="@android:drawable/arrow_up_float" />
</item>
</layer-list>
</item>
</selector>
les styles.xml:
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
<item name="android:spinnerStyle">@style/SpinnerTheme</item>
</style>
<style name="SpinnerTheme" parent="android:Widget.Spinner">
<item name="android:background">@drawable/selector_spinner</item>
</style>
</resources>
à la fin, la broche ressemblera à
EDIT 2
le code suivant est dans details_fragment_three.xml
<Spinner
android:id="@+id/spinnerDate"
android:layout_marginLeft="-8dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/spinner_item_drawable"/>
vous pouvez utiliser votre propre image;
<item>
<layer-list>
<item>
<color android:color="@android:color/white" />
</item>
<item>
<bitmap android:gravity="center_vertical|right" android:src="@drawable/down_arrow" /> // down_arrow replace your image
</item>
</layer-list>
</item>
</selector>