CoolReader 3 for PocketBook 60X/90X

Описание СКИНа CoolReader

Оригинальная инструкция по скину доступна тут


Что входит в состав скина:

  • файл описания скина cr3skin.xml
  • файлы картинок используемых в скине *.png
  • файл с изображением выводимым при открытии книги cr3_logo_screen.png
  • файл с изображением выводимым при открытии книги при альбомном положении экрана cr3_logo_screen_landscape.png (в плане)
  • файл с изображением быстрого меню cr3_pb_quickmenu.png
  • картинка с изображением кнопок в окне словаря cr3_dict_tools.png
  • картинка выводимая при открытии или изменении настроек (часы) cr3_wait_icon.png
  • картинки с изображениями кнопок для панели цитирования cite_grow.png, cite_grow_phrase.png, cite_grow_phrase_sel.png, cite_grow_sel.png, cite_move.png, cite_move_sel.png, cite_shrink.png, cite_shrink_phrase.png, cite_shrink_phrase_sel.png, cite_shrink_sel.png

Основные элементы файла cr3skin.xml :

  • scroll - описание скролбара
  • menu - описание меню (главного, настроек и т.д.)
  • window - описание вспомогательных окон программы ( диалог, и т.д.)

Пример файла cr3skin.xml с кратким описанием.


Описание элементов scroll:

  • id="titlescroll" - уникальное имя элемента
  • autohide="true" - автоматическое скрытие скролбар (true - да, false -нет)
  • show-page-numbers="true" - выводить номер экрана/количество экранов (true - да, false -нет)
  • location="title" - расположение (title - в заголовке окна, status - в строке состояния))
  • pos="-120,0"  - положение
  • size="130, 100%" - размер
  • halign="right" - выравнивание по горизонтали
  • valign="center" - выравнивание по вертикали

Внутри элемента scroll могут располагаются:

  • size - размер (минимальный и максимальный)
  • leftbutton - левая кнопка (активная, неактивная)
  • rightbutton - правая кнопка (--//--)
  • hbody - горизонтальная линейка
  • vbody - вертикальная линейка
  • upbutton - вертикальная верхняя кнопка
  • downbutton - вертикальная нижняя кнопка
  • text - настройка номера экрана (шрифт, размер, цвет шрифта, выравнивание горизонтальное и вертикальное)
  • border - поля (лево, верх, право, низ)
  • background - фон (цвет, картинка, положение, размер)
  • tab-bottom - таб неактивный
  • tab-bottom-active - таб активный

    Описание элементов menu:

    • id="main" - уникальное имя объекта
    • min-item-count="10" - минимальное количество элементов
    • max-item-count="10" - максимальное количество элементов
    • show-shortcuts="false"  - скрывать номера пунктов (shortcut)
    • fullscreen="true" - выводить в полный экран

    Окно меню делится на следующие зоны

     где:

    • title - заголовок окна
    • status - строка состояния
    • client - собственно меню в котором размещены
    • separator разделитель пунктов меню
    • shortcut - пункт меню
    • selshortcut - активный/выбранный пункт меню
    • item - строка меню
    • selitem - активная/выбранная строка меню
    • value - значение пункта меню или кнопка быстрого доступа
    • scroll base="#tabs" использовать скролбар с именем tabs

     


    Настройка элемента text:

    • color="#000000"  - цвет шрифта (#000000 - черный, #FFFFFF белый, #AAAAAA - темно-серый #555555 светло-серый)
    • face="Times New Roman, Liberation Sans, Arial, DejaVu Sans"  - шрифт указывается через запятую
    • size="30" - размер
    • bold="true" - true - жирный шрифт, false - обычный шрифт
    • italic="false" - true - курсивный шрифт, false - обычный шрифт
    • valign="center" - выравнивание текста по вертикали
    • halign="left" - выравнивание текста по горизонтали

     


    Настройка элемента background:

    • image="cr3_menu_title.png" фоновая картинка
    • color="#FFFFFF" - цвет фона
    • pos="0,0" - позиция начала вывода
    • size="0,100%" размер
    • htransform="none" - настройка заполнения по горизонтали
    • vtransform="tile" - настройка заполнения по вертикали

     


    Пример настройки скина для словаря от serg_kv:

    Настройка внешнего вида CR.
    1. Словарь (шрифты, размер, число строк в списке).
    2. Список меню.

    1. Словарь (шрифты, размер, число строк в списке).
    Правка 2х файлов:
    - system\share\cr3\skin\cr3skin.xml
    - system\share\cr3\dict.css

           В cr3skin.xml - настройка имени шрифта и его атрибутов, число строк в списке слов словаря ( если задано значение большее чем надо, то слова не умещающиеся в список и не отображаются пунткы, но курсор по ним бегает).
          В dict.css - атрибуты шрифта (размер - в % от заданного) , выравнивание и отступы в словарной статье. Если все устраивает, кроме р-ра шрифта в словарной статье, можно изменить параметры только в этом файле.
    Фрагмент кода секции словаря из cr3skin.xml с некоторыми пояснениями: DictForCR3Skin.txt,  dict.css здесь:

    { текст словарной статьи (размер, выравнивание, отступы ) }
    p {
       font-size: 120%;
       text-align: justify;
       text-indent: 0em;
       margin-top: 0em;
       margin-bottom: 0em
      }

    { слово, для которого приводится словарная статья (размер, выравнивание, отступы ) }
    title {
       font-size: 110%;
       font-weight: bold;
       hyphenate: none;
       text-align: center;
       text-indent: 0px;
       margin-top: 0em;
       margin-bottom: 0em
       }

    emphasis, i { font-style: italic }

    strong, b { font-weight: bold }

    2. Список меню. Это общий список для отображения значений в меню конфигурации, списка словарей и т.д. Изменение шрифта и количества отображаемых сорок.
          Фрагмент кода секции из cr3skin.xml с некоторыми пояснениями для меню: ListOfMenuForCR3Skin.txt
    Для заметок - menu id="bookmarks" base="#main", шрифт устанавливается аналогично menu id="settings" - скролигу по списку с настройками... Чуть дополненный файл ListOfMenuForCR3Skin.txt.

         Несколько слов о списке выбора словарей. Если кто-то хочет изменить порядок следования словарей в списке выбора словаря, либо сгруппировать словари - переименуйте файлы со словарями dic. Например, добавьте вначало - 01: 01ИмяСловаря.dic, 02 и т.д. Сортировка файлов в списке словарей - по имени файла.

        т.к. xml в секции кода на форуме не отображается должным образом, выложил на фаолообменнике. Там и все мои текущие конфигфайлы для 5" 360+.

    Яндекс.Погода
    Яндекс.Метрика
    Сделать бесплатный сайт с uCoz