I tried your sample and it is not working as expected. The problems I found were:
1. The arrows would not step one by one but go directly to the beginning or end.
2. I had to add an index property to ListViewBookInfo and then changed the code to this:
You can not see the image and purple in the below screenshot.
This is what we have (the text is cut off by the arrow so is not transparent):
This is what we are aiming for (created in a image editor)
The arrow background is truly transparent.
Attached is the modified project.