New study screen

AnkiDroid has a new study screen which is now open for feedback in v2.22alpha1. I didn’t find a place to discuss this, so I decided to create a topic.

How to enable the new study screen

Settings → About → tap the anki logo a few times → go back → Developer options → enable “New study screen” → go back → New study screen.

Screenshots

Things I didn’t like/that are possibly bugs:

  1. The play buttons have changed; they’re bigger and more grey. I guess bugger buttons help with accessibility, but the grey looks ugly in the “black” theme.
  2. The “mark star” and the flag appear in the corners embedded in the card, this means that it’s possible that the card content overlaps them (in fact it happens in the front of the above cards). If it wasn’t for that, being in the corner looks better.
  3. The option to have the answer buttons at the top is removed (I haven’t used that feature myself).
  4. “Show large answer buttons” accessibility feature doesn’t work.
  5. The answer buttons are colored in the “plain” theme.
  6. “Answer button size” is bugged below 90% and the show answer button stays at 100% despite the answer buttons getting shorter.
  7. I dislike the colors. I like the simplicity of the 2.20 AnkiDroid black theme buttons. Also, the text on these new answer buttons is less readable (I feel like this was intentional, to discourage looking at the intervals).
  8. The colored dots indicating the previous rating are missing!!!
  9. The navigation drawer is replaced with an arrow to go back to the deck screen. It looks weird next to the colorful numbers.
  10. As you can see in the screenshots above, the frame style “box” has bigger margins. The more I look at the more I like the new margins despite it’s inefficiency.

New features and obvious bugs:

Features:

  1. We have the 2 button mode!
  2. New bottom toolbar feature!
  3. Fixes the first bug I reported (which’s really really helpful) as well as some other ones!
  4. Links are no longer an ugly blue!
  5. The review toolbar buttons are grey.

Bugs:

  1. Gestures are broken!!!
  2. Deck title and ETA are missing.
  3. Some settings are currently overlapping (e.g., there are two “Show button time” options and you need to disable both of them for it to take effect).
  4. Many toolbar actions like the whiteboard are missing.
Unrelated
  • The “Reviews” and “Previews” tabs in the controls settings aren’t very noticeable.
4 Likes

I upgraded to AnkiDroid 2.22 alpha but cannot see this appearance …

Settings → About → tap the anki logo a few times → go back → Developer options → enable “New study screen” → go back → New study screen.

1 Like

Seems nice but I noticed lag time with gestures.

1 Like

The v2.20.1 also has a small delay, but you’re right; this alpha has a longer delay.

Also, it seems like some actions are not implemented, so you can use gestures for changing the flag, but not for replaying media.

Super cool to see so much excitement about the new reviewer, immediately - I mean, I just released that alpha today! :laughing:

A quick note about desired vs non-desired feedback, from the developer (Brayan!) that’s been working on this new reviewer for such a long time:

Despite what the new section summary says, I still don’t want feedback about stuff that is obviously missing.

The main goal of implementing the new section right now is giving more time to translate the strings.

So, of course there are things obviously missing. It’s open source, so there’s no expectation they will ever even get finished, much less a commitment to a deadline. So if something is simply missing, not helpful feedback at the moment

However! If something is implemented but not working right, that is awesome feedback. And heading to crowdin (our translation site) to translate strings is always welcome.

Cheers! And kudos to Brayan for getting the feature this far along already

7 Likes

The mark star and flag look very intrusive. I like that in the old study screen they are not visible at all when Fullscreen mode is turned on.

1 Like

I’m sure you know, but there was always a label for not posting any bug reports about it as it was in development. Now it has been changed to “Available for testing and feedback”. So naturally, I assumed that you wanted “testing and feedback”.

I understand the amount of work you have to do (for free). I’m simple man I see bugs I report them. I’ll keep your points in mind.

Thanks for continuing to bring more amazing updates to AnkiDroid.

3 Likes

The old study screen fills the display cutout area with a black color that does not depend on the theme. The new study screen fills the area with a theme-specific color. This is very noticeable, especially in light themes. Since the display cutout has a dark color, the behavior of the old study screen is more correct.

Screenshots

New
Screenshot-20250628-205344-com-ichi2-anki-a

Screenshot-20250628-205509-com-ichi2-anki-a

Screenshot-20250628-205532-com-ichi2-anki-a

Old
Screenshot-20250628-205609-com-ichi2-anki-a

Screenshot-20250628-205629-com-ichi2-anki-a

I prefer the new one. The thick black bar at the top is just as noticable as the display cutout itself.

For what it’s worth I thought your feedback was almost completely in the “very useful to know” category, just wanted to fine-tune it for anyone else that showed up since if feedback came in within just a couple hours it may blow up as a topic with a firehose of feedback :slight_smile:

2 Likes

Maybe your phone has an “Infinity Display”. In my case, it looks like: a dark stripe, a white stripe inside which is a dark circle from the camera, a card. Before: dark stripe, card.

Style comes from Anki Desktop. Ask to change it there if you want.

It follows what Anki Desktop and Anki Mobile do for ecossytem compatibility. If you prefer the old style, you can tweak the HTML/CSS

Ecossystem compatibility.

As an accessibility setting, it doesn’t make sense to go below 100%, which is already the bare mininum touchable recommended area for Android. The answer buttons getting smaller is actually a bug.


The rest of the feedback is missing stuff about a developer option in the “Work in progress” category. Most I’ll implement, while some I won’t and it will be up to the other maintainers and developers to get them on or not (like the top position for the answer buttons, which I find unergonomic and doesn’t make sense to me.)

1 Like

Probably a consequence of the gestures now being detected with JavaScript instead of detecting with native Android code.

That is necessary so it’s possible to tap/swipe buttons, <details> and other interactable elements in the screen, which are very used in some note types.

edit: found a way to improve it

2 Likes

So, you have a phone with a notch (probably a black notch) and want the status bar to be black?

image

I’ll try to think about something. I already planned to make some JS API methods to tweak some “Android native” elements of the screen.

Maybe a Style sections in the settings would work (without having to use the JS API). But I won’t work on it anytime soon, and there’s the chance of delegating to someone else.

1 Like

Yes. As well as the black camera and the screen frame.
Imgur
Imgur

I noticed a strange scaling of the image when I move the phone to the horizontal position. I can’t demonstrate, because when I try to create a card for demonstration, ankidroid closes without notifying the error.

old
Imgur
new
Imgur

Are you using the beta version, because there is a bug that doesn’t let you use the gallery to attach images.

I tried replicating the issue but couldn’t do it. Can you give more details? You can copy an image from a website to your clipboard then paste it in the Front field of a basic card, then see if the bug happens.

I see. That’s how it has always been. Either the image has a set width or its width is less than the length of your phone.

Edit: Yup. I just checked, and in the old reviewer, Images enlarge to fit the screen width (or height if in landscape mode). The new reviewer has the behavior of keeping the image as it is.

I don’t expect it to stretch it. But it compresses it. It’s like it’s trying to fit into the screen in width and length.

Imgur

I got the same result on a much larger image.