Введение
Ранее мы подробно рассказывали о ксарингане:R-связь | Создание слайд-шоу с помощью пакета xaringan, и сделал небольшое расширение:R общение | установить тему xaringan. Сегодня я представлю еще один пакет, тесно связанный со слайдами ксарингана:xaringanExtra.
Этот пакет охватывает множество расширенных функций пишущего колеса, а именно:
-
Параллельные презентации ⭐️
-
Редактируйте презентации онлайн ⭐️
-
Делитесь стилями слайд-шоу
-
Воспроизведение слайд-шоу для зрителей в режиме реального времени посредством трансляции
-
Дудл на слайдах презентации ⭐️
-
Есть звуковая подсказка при переключении слайда ⭐️
-
Добавьте анимацию перехода между слайдами ⭐️
-
Добавьте панель вкладок в слайд-шоу ⭐️
-
Добавить глобальный логотип в слайд-шоу ⭐️
-
Добавить окно поиска
-
Использование набора инструментов Tachyons CSS Utilities
-
Добавьте веб-камеру для прямой трансляции ⭐️
-
Добавить копирование кода в один клик с помощью буфера обмена
-
Воспроизвести GIF из слайд-шоу
-
Измените размер слайд-шоу, чтобы заполнить окно браузера ⭐️
-
Добавьте дополнительные стили CSS
Здесь редактор не будет вводить все расширенные функции. В основном он знакомит с некоторыми функциями, которые я использую чаще всего (отмечены ⭐️ выше). Если вас интересуют другие функции, не упомянутые. см. официальныйВеб-сайт.
Руководство по началу работы
Установить
Вы можете установить текущую версию с GitHubxaringanExtra
.
# install.packages("devtools")
devtools::install_github("gadenbuie/xaringanExtra")
На данный момент пакет был установлен, мы сначала создаемxaringan
Шаблон, конкретную операцию можно увидеть: . И здесь я непосредственно используюxaringanthemer
Шаблон создан, а конкретный рабочий интерфейс выглядит следующим образом (не забудьте сначала установить его! См.:R общение | установить тему xaringan):
Если вы читаете мои руководства впервые или если вы новичок в R, вы можете ознакомиться с некоторыми из моих предыдущих руководств. Особенно, если вы хотите сделать слайд-шоу для круглых глаз, вы должны сначала изучить первые два вопроса, иначе вы запутаетесь, прочитав этот твит напрямую. Конечно, видео, соответствующие твитам, также будут обновляться на моей станции b[
庄闪闪
].
1. Представьте свою презентацию рядом
инструкции: добавьте следующий блок кода в файл слайд-шоу R Markdown, после чего файл rmd будет повторно визуализирован.
```{r xaringan-tile-view, echo=FALSE}
xaringanExtra::use_tile_view()
```
Расположение произвольное, рекомендуется ставить за ямлом.
После рендеринга в демонстрационном интерфейсе (в правом нижнем углу всплывает Rstudio по умолчанию)O
ключ (первая буква обзора), чтобы получить следующий интерфейс. нажмите еще разO
клавишу для возврата к форме по умолчанию.
Эта функция аналогична режиму просмотра слайдов в ppt. Желтое поле представляет ваше текущее местоположение, и вы можете напрямую переключаться в нужное место с помощью мыши. Эта функция очень удобна и практична, а операция проста, просто добавьте предыдущий код.
2. Редактируйте презентации онлайн
Эта функция непобедима! Вы можете писать контент прямо в слайд-шоу, которое обновляется в режиме реального времени. в основном используют.can-edit [...]
выполнить.
инструкции: Вам просто нужно добавить следующий код в созданный документ rmd:
```{r xaringan-editable, echo=FALSE}
xaringanExtra::use_editable(expires = 1)
```
использовать.can-edit[]
Сделайте компонент слайд-шоу редактируемым.
## .can-edit[You can edit this slide title]
Всякий раз, когда слайд-шоу перезагружается в браузере,.can-edit
Редактируемые поля класса будут сброшены. Если вы хотите сохранить изменения и сделать их постоянными между сеансами браузера, предоставьте каждому редактируемому полю.key- <NAME>
своего рода. Например:
## .can-edit.key-firstSlideTitle[Change this title and then reload the page]
Для более сложных элементов HTML лучше сделать редактируемой только часть текста, например.
Hello, .can-edit[world], and welcome to my talk!
Или используйте текст-заполнитель.
## A few of my favorite things
.can-edit.key-likes[
- thing one
- thing two
]
Вот официальная демонстрационная гифка:
Это очень удобно при обучении и может улучшить взаимодействие со студентами и аудиторией. PPT не имеет этой функции (может быть, я не очень разбираюсь в ppt).
3. Дудл на слайдах презентации
инструкции: Просто добавьте следующий код в файл rmd и перекомпилируйте, чтобы получить такой эффект.
```{r xaringan-scribble, echo=FALSE}
xaringanExtra::use_scribble()
```
Щелкните значок карандаша или нажмитеS
ключ для рисования. в соответствии сS
Или запустите панель инструментов для переключения режимов рисования. Вы также можете использовать ластик для удаления строк или нажать кнопку «Корзина», чтобы удалить все рисунки на текущем слайде.
Уведомление, при смене слайдов рисунок останется на каждом слайде. Слайды нельзя менять в режиме рисования. На самом деле, вы можете использовать
←
и→
клавишу, чтобы отменить или повторить ваш рисунок.
Если вы хотите сохранить слайды с рисунками, лучше всего распечатать презентацию из браузера. Соответствующая операция gif приведена ниже:
![Граффити](/Users/liangliangzhuang/Documents/wechat/2021.05.18 xaringanExtra/material/graffiti.gif)
4. Есть звуковая подсказка при переключении слайда
инструкции: Просто добавьте следующий код в файл rmd и перекомпилируйте, чтобы получить такой эффект.
```{r xaringan-slide-tone, echo=FALSE}xaringanExtra::use_slide_tone()```
Соответствующая операция gif приведена ниже (не могу дать! gif не может дать звук, смотрите видеодемонстрацию моей станции б)
5. Добавьте анимацию перехода между слайдами
инструкции: добавьте следующий код в файл rmd
```{r xaringan-animate-css, echo=FALSE}xaringanExtra::use_animate_css()```
потомanimated
Классы и желаемые анимации добавляются к соответствующим слайдам. Пример кода приведен ниже:
**ПРИМЕЧАНИЕ.** Анимация выхода применяется только к слайду при выходе.
---class: animated slideInRight fadeOutLeft## This slide...- slides in from the right - and fades out to the left on exit
В это время слайд будет скользить вправо. Если вы хотите, чтобы все слайды использовали одну и ту же форму преобразования, вы можете использовать:use_animate_all()
.
Код на данный момент выглядит следующим образом (рекомендуется добавить его в начало текста)
```{r xaringan-animate-all, echo=FALSE}xaringanExtra::use_animate_all("slide_left")```
Вот gif всех слайдов, переключающихся влево:
![Switch](/Users/liangliangzhuang/Documents/wechat/2021.05.18 xaringanExtra/material/switch.gif)
6. Добавьте панель вкладок в слайд-шоу
инструкции: добавьте следующий код в файл rmd
```{r xaringan-panelset, echo=FALSE}xaringanExtra::use_panelset()```
Затем создайте.panel[]
из.panelset [...]
. каждый.panel []
должен иметь.panel-name []
и хочу написать что-то вроде:
.panel[.panel-name[NAME]...content...]
Ниже приведен пример, используемый в слайдах презентации.
---## 我是庄闪闪.panelset[.panel[.panel-name[R Code]欢迎关注[庄闪闪的R语言手册]呀!```{r panel-chunk,fig.align='center',out.width="60%"}# ... r code ...library(ggplot2)(g <- ggplot(mpg) + aes(hwy, cty, color = class) + geom_point())```].panel[.panel-name[Plot]<center><img src="https://octodex.github.com/images/labtocat.png" height="300" /></center>]]
Конкретный gif выглядит следующим образом:
Чтобы настроить внешний вид панели, вы можете вызвать прямо в блоке R слайда, используяstyle_panelset_tabs()
. Добавьте следующий код в предыдущий блок кода,
```{r echo=FALSE}xaringanExtra::style_panelset_tabs(foreground = "honeydew", background = "seagreen")```
В это время изменился цвет блока кода.
7. Добавьте глобальный логотип в слайд-шоу
инструкции: добавьте следующий код в файл rmd
```{r xaringan-logo, echo=FALSE}xaringanExtra::use_logo( image_url = "https://gitee.com/zhuang_liang_liang0825/other/raw/master/%E6%B8%A9%E5%B7%9E%E5%A4%A7%E5%AD%A6logo.png")```
На данный момент в правый верхний угол всех слайдов добавлены соответствующие логотипы! Если вы хотите, чтобы логотип не отображался на некоторых изображениях, вы можете использоватьhide_logo
Скрыть логотип для определенного слайда. Конкретный пример выглядит следующим образом (я использовал логотип своей альма-матер):
Добавьте веб-камеру для живого видео
инструкции: добавьте следующий код в файл rmd и повторите рендеринг.
```{r xaringan-webcam, include = FALSE}xaringanExtra::use_webcam()```
После этого нажмите клавишу w (не забудьте открыть его браузером!) и вы получите следующий интерфейс (твит был написан немного поздно, он некрасивый, и мне лень кодировать. Xiaobian вялый и полезный , пожалуйста, выпейте чашечку кофе!)
Конечно, вы можете вручную перетаскивать положение объектива!
Это действительно полезно, когда вы проводите видеоконференцию, включая свое видео, или когда вы записываете класс или лекцию!
8. Измените размер слайда, чтобы он заполнил окно браузера
инструкции: добавьте следующий код в файл rmd и повторите рендеринг.
```{r xaringan-fit-screen, echo=FALSE}xaringanExtra::use_fit_screen()```
Используйте сочетания клавишAlt / Option + F
Подгоняет слайд-шоу по размеру экрана и игнорирует масштаб слайд-шоу (перезагружает слайд-шоу, чтобы вернуться к нормальному состоянию). Конкретный gif выглядит следующим образом:
мне есть что сказать
-
Для других способов расширения редактор не будет объяснять слишком много, если вам интересно, вы можете найти соответствующий сайт в ссылках в конце статьи.
-
Изучив вышеперечисленные методы, я считаю, что ваше слайд-шоу с колесом для письма отличается от прошлого, пожалуйста, включите его!
-
У редактора на самом деле другие нужды: как добавить видео на пишущее колесо? Как добавить фоновую музыку? Я еще не искал метод и не знаю, есть ли он.