Comment changer la couleur de overscroll bord et overscroll éclat

Comment Changer la couleur du fil-défilement de bord et plus de défilement de l'éclat ou comment modifier la couleur blanche (couleur par défaut) de la version android 5.0 lollipop?

InformationsquelleAutor Ad Dahoun | 2014-12-07
  1. 53

    La overscroll la couleur de la lueur hérite de la couleur primaire de la valeur définie par android:colorPrimary dans l'ensemble de votre application. Mais Si vous avez besoin de spécifier une valeur différente, utilisez simplement android:colorEdgeEffect.

    <style name="MyAppTheme" parent="***">
   <item name="android:colorEdgeEffect">@color/my_color</item>
</style>
    • Cet attribut est uniquement disponible pour les API de 21 ans et au-dessus.
    • Oui c'est ce que la question des états.
    • Notez que android:colorPrimary définit également la couleur de votre ActionBar ou de la Barre d'outils. Alors que android:colorEdgeEffect est plus spécifique et s'applique uniquement aux ListViews, RecyclerViews, etc.
    InformationsquelleAutor Ahmed Hegazy
  2. 24

    Sur LOLLIPOP le bord de l'éclat hérite de colorPrimary. Après la vue est créée le bord de l'éclat de la couleur ne peut être changé que par la réflexion. Cela peut être utile lorsque vous chargez les couleurs de manière dynamique à l'aide de Palette.

    EDIT: TL;DR: Télécharger l'ensemble de la classe à partir d'ici:
    https://github.com/consp1racy/android-commons/blob/master/commons/src/main/java/net/xpece/android/widget/XpEdgeEffect.java

    PROGUARD de l'INSTALLATION: Si vous allez l'utiliser sur les widgets de bibliothèque de prise en charge vous avez besoin de garder les noms de champ. Le moyen le plus rapide de le faire est la suivante (bien que toujours inutiles):

    -keepclassmembers class * extends android.view.View {
    <fields>;    
}

-keepclassmembers class android.support.v4.widget.EdgeEffectCompat {
    <fields>;    
}

    Créer une classe utilitaire avec le code suivant:

    private static final Class<?> CLASS_SCROLL_VIEW = ScrollView.class;
private static final Field SCROLL_VIEW_FIELD_EDGE_GLOW_TOP;
private static final Field SCROLL_VIEW_FIELD_EDGE_GLOW_BOTTOM;
private static final Class<?> CLASS_LIST_VIEW = AbsListView.class;
private static final Field LIST_VIEW_FIELD_EDGE_GLOW_TOP;
private static final Field LIST_VIEW_FIELD_EDGE_GLOW_BOTTOM;
static {
Field edgeGlowTop = null, edgeGlowBottom = null;
for (Field f : CLASS_SCROLL_VIEW.getDeclaredFields()) {
switch (f.getName()) {
case "mEdgeGlowTop":
f.setAccessible(true);
edgeGlowTop = f;
break;
case "mEdgeGlowBottom":
f.setAccessible(true);
edgeGlowBottom = f;
break;
}
}
SCROLL_VIEW_FIELD_EDGE_GLOW_TOP = edgeGlowTop;
SCROLL_VIEW_FIELD_EDGE_GLOW_BOTTOM = edgeGlowBottom;
for (Field f : CLASS_LIST_VIEW.getDeclaredFields()) {
switch (f.getName()) {
case "mEdgeGlowTop":
f.setAccessible(true);
edgeGlowTop = f;
break;
case "mEdgeGlowBottom":
f.setAccessible(true);
edgeGlowBottom = f;
break;
}
}
LIST_VIEW_FIELD_EDGE_GLOW_TOP = edgeGlowTop;
LIST_VIEW_FIELD_EDGE_GLOW_BOTTOM = edgeGlowBottom;
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public static void setEdgeGlowColor(AbsListView listView, int color) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
try {
EdgeEffect ee;
ee = (EdgeEffect) LIST_VIEW_FIELD_EDGE_GLOW_TOP.get(listView);
ee.setColor(color);
ee = (EdgeEffect) LIST_VIEW_FIELD_EDGE_GLOW_BOTTOM.get(listView);
ee.setColor(color);
} catch (Exception ex) {
ex.printStackTrace();
}
}
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public static void setEdgeGlowColor(ScrollView scrollView, int color) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
try {
EdgeEffect ee;
ee = (EdgeEffect) SCROLL_VIEW_FIELD_EDGE_GLOW_TOP.get(scrollView);
ee.setColor(color);
ee = (EdgeEffect) SCROLL_VIEW_FIELD_EDGE_GLOW_BOTTOM.get(scrollView);
ee.setColor(color);
} catch (Exception ex) {
ex.printStackTrace();
}
}
}
    • Nice! Je cherchais une façon de changer la couleur de l'éclat par programme et chaque réponse était lié à la définition du style sur xml. Le vôtre a fonctionné pour moi sans problème et maintenant je peux changer la couleur dinamycally en fonction du contexte, comme je le fais pour le statusbarcolor et la barre d'outils. Merci!
    • je vous remercie. il fonctionne de nice. mais qu'en est RecyclerView ?
    • Voici la classe que j'utilise pour gérer la majorité de défilement des récipients pastebin.com/TAujMUu9, il ne manquait que l'on est HorizontalScrollView je pense.
    • Il se bloque pour moi avec prelollypop listview
    • Correct, le pastebin code se bloque sur Android 4. Heureusement, j'ai trouvé hier, voici donc la mise à jour: pastebin.com/JSefcHiB
    • Cool merci, je vais vérifier 😉
    • ViewPager est manquant, j'ai besoin c'est exactement la même chose, mais pour ViewPagers!
    • Vous disposez de code source Android et mon code source à votre disposition, je suis sûr que vous pouvez l'adapter pour ViewPager.
    • c'est que je ne suis pas très bon avec les réflexions et j'ai cherché un peu et je ne pouvais pas trouver la source de la mise à jour ViewPager, seule une vieille version (qui probablement n'a pas le overscroll effet, comme il a été pré-sucette): grepcode.com/file/repository.grepcode.com/java/ext/...
    • Sur cette page, vous pouvez choisir différentes version d'un cône sur le dessus. Vérifier le lien dans la réponse que j'ai mis à jour pour ViewPager. Ne l'ai pas testé mais devrait fonctionner.
    • Je l'ai testé, mais malheureusement il ne fonctionne pas. Vous avez mis en place pour le soutien v4 ViewPager? J'apprécie vraiment votre aide!
    • Si vous en avez besoin pour v13 ViewPager tout ce que vous avez à faire est de changer v4 à v13 dans le import ligne au début du fichier.
    • Je ne dois pas me suis exprimé correctement... je suis déjà à l'aide de la v4, et je me demandais si vous l'avez fait pour cette version, qui est maintenant clair que vous avez fait. Mais il ne fonctionne pas...
    • Fixe. (Et il n'y a pas v13 ViewPager bien sûr.)
    • merci beaucoup, cela fonctionne maintenant!
    • qu'en est webviews, vient de réaliser ceux-ci peuvent être de défilement trop et aussi avoir l'effet de bord!
    • Correct. Depuis Android 4.4 WebView mise en œuvre est assurée par un organisme indépendant APK et je ne veux pas creuser dans cette direction. Pour les appareils plus anciens, je n'aime pas. N'hésitez pas à explorer si cela vous intéresse.
    • logique, je vais le regarder! Merci.
    • Ce Lien est rompu, btw. (github.com/consp1racy/android-commons/blob/master/android/src/...)
    • merci pour le rapport, fixe.

    InformationsquelleAutor Eugen Pechanec
  3. 9

    Si vous utilisez la dernière RecyclerView mise en œuvre, il est assez simple de changer le débordement de la couleur de la programmation. Utilisez le code suivant (Kotlin mise en œuvre):

    recyclerView.edgeEffectFactory = object : RecyclerView.EdgeEffectFactory() {
override fun createEdgeEffect(view: RecyclerView, direction: Int): EdgeEffect {
return EdgeEffect(view.context).apply { setColor(color) }
}
}

    Notez que cela ne fonctionne que pour l'API de niveau 21 (Lollipop) et au-dessus. Si vous connaissez la valeur au moment de la compilation, l'utilisation de la colorEdgeEffect comme l'a souligné Ahmed.

    • Pour java... getRecyclerView().setEdgeEffectFactory(new RecyclerView.EdgeEffectFactory() { @NonNull @Override protected EdgeEffect createEdgeEffect(@NonNull RecyclerView view, int direction) { EdgeEffect edge = new EdgeEffect(view.getContext()); edge.setColor(ContextCompat.getColor(view.getContext(), R.color.blue)); return edge; } });
    InformationsquelleAutor Phoca
  4. 1

    En pré-sucette l'effet "glow" est en fait un Drawable intégré dans le système d'exploitation de ressources, vous pouvez appliquer un ColorFilter sur que:

    public static void changeOverScrollGlowColor(Resources res, int colorID ) {
try {
final int glowDrawableId = res.getIdentifier("overscroll_glow", "drawable", "android");
final Drawable overscrollGlow = res.getDrawable(glowDrawableId);
overscrollGlow.setColorFilter(res.getColor(colorID), android.graphics.PorterDuff.Mode.SRC_ATOP);
final int edgeDrawableId = res.getIdentifier("overscroll_edge", "drawable", "android");
final Drawable overscrollEdge = res.getDrawable(edgeDrawableId);
overscrollEdge.setColorFilter(res.getColor(colorID), android.graphics.PorterDuff.Mode.SRC_ATOP);
} catch (Exception ignored) {
}
}

    De l'appeler une fois dans onCreate est assez.

    changeOverScrollGlowColor(getResources(), R.color.colorPrimary);
    • Vraiment cool, merci.
    InformationsquelleAutor John