Чем заменить элемент?

Question

[Aлександр]

Доброго времени суток!

Есть вот такой самодельный элемент:

оранжевый - это Progressbar показывает прогресс обработки урока,
текст - это название урока.
Зеленым окрашен урок, который полностью обработан и его нельзя выбрать.
На остальные уроки можно кликнуть и "войти" в его содержимое.

Может у кого-нибудь есть идея, как выше описаный функционал выразить в более удобном/практичном/красивом элементе интерфейса?

Answer 1

[Яков Е]

Все просто — одна ячейка, фон которой — прогрессбар, поверх название урока. Можно на подложке, можно подобрать цвета, чтобы белый был одинаково хорошо виден на заполненной и незаполненной половинах. Неактивный урок, как правильно написали, приглушить, фон прогрессбара темно-зеленым, заполнение ярче. И уберите градиенты, 2015 год уже.

Comments

[Aлександр]

"уберите градиенты, 2015 год уже" - я пробывал объяснить это нашему БЫВШЕМУ дизайнеру.
Спасибо большое.

Answer 2

[GreatRash]

1) У вас прогрессбар не информативен. Нужно или показать процент выполнения урока, или сколько заданий выполнено (если там есть задания), например 10/100.

2) Выполненные уроки юзеру уже нафиг не нужны. Поэтому их не надо явно выделять (как у вас зелёным), а лучше наоборот приглушить, чтобы внимание юзера привлечь к ещё не выполненным урокам.

3) Выкинуть в утиль все эти рамки от которых нет никакого толку.

Comments

[Aлександр]

спасибо

Answer 3

[Antony]

Ну я бы только прогрессбар и название местами поменял (т.е. разместил прогрессбар справа), хотя не уверен что это правильно будет.
Остальное мне кажется вполне нормальным. Разме что можно добавить какую-нибудь пиктограмму, которая делала бы более очевидным куда нажимать (какую-нибудь кнопочку "начать" к каждому уроку, которая я бы работала одновременно с текущим способом входа)

Answer 4

[Alexandr M.]

Вот оригинально. и можно сделать одним CSS prnt.sc/8mglsd

Comments

[Aлександр]

я не думаю, что в WPF приложении CSS- контрол - удачная альтернатива

Answer 5

[zakraben]

Тайм лайн плюс процент завершения.