對本文進行了翻譯,執行了用例,加了部分注釋。
在目錄中建立以下檔案:
1. beamercolorthemetexsx.sty
2. beamerinnerthemetexsx.sty
3. beamerouterthemetexsx.sty
4. beamerthemetexsx.sty
5. texsx-example.tex
我們利用tikz包繪圖的方式來繪製幻燈片的模板
先在 beamerthemetexsx.sty 中寫入以下**
\mode
\requirepackage
\useinnertheme
\useoutertheme
\usecolortheme
\setbeamertemplate{}
\setbeamertemplate[rounded][shadow=true]
\mode
從這個檔案可以看出定義模板需要做的工作:
1、inner
2、outer
3、color
下面將會一步步的來做著三件事情
首先在建立的 texsx-example.tex 檔案中先寫一些slides的內容用來測試之後寫的 .sty 檔案,加入 \usetheme
**如下:
\documentclass
\usepackage
[utf8]
\usepackage
[t1]
\title
\date
\author
[clexma]
}%在這裡改為呼叫我們的模板
\usetheme
\begin
\begin
\titlepage
\end
\begin
\frametitle
\begin
\item a piece of ****
\item two pieces of ****s
\end
\end
\end
現在先來繪製幻燈片的首頁,要做的事情有兩件
-設計 background 模板來改變首頁的背景
-定義 title page 模板,使得首頁上可以顯示標題,作者,日期等等。
在 beamerinnerthemetexsx.sty 中加入以下**
\mode
%設計背景圖案
\setbeamertemplate
%tikz畫圖
\useasboundingbox (0,0) rectangle(\the
\*****width,\the
\*****height);
\fill
[color=brown] (0,2) rectangle (\the
\*****width,\the
\*****height);
\fill
[color=orange] (0,0) rectangle(2.95,1.9);
\fill
[color=blue!50!cyan!80] (3.05,0) rectangle(\the
\*****width,1.9);
\ifnum
\thepage>1\relax
%該樣式僅僅對首頁有效果
\fill
[white,opacity=1] (0,0) rectangle(\the
\*****width,\the
\*****height);
\fi\end
}% 定義首頁模板
\defbeamertemplate*
[1][
][wd=12cm,leftskip=3cm,sep=8pt,#1]
\usebeamerfont
\inserttitle
\par
%\end
%\vskip0.75cm%
\begin
[wd=12cm,leftskip=3cm,#1]
%作者日期等相關資訊樣式
\usebeamerfont
\insertauthor
%\end
\vskip0.2cm%
\begin
[wd=12cm,leftskip=3cm,#1]
\usebeamerfont
\insertdate
%\end
\vfill
}\mode
注意設計背景圖案**中的if語句,能夠讓該樣式僅僅應用在第一頁上。
在首頁模板的定義中,我們將顏色方面的特徵傳遞給了beamercolorboxes 和 title page,這需要在beamercolorthemetexsx.sty 中定義。在此檔案中新增下面的**,
\mode% settings
\setbeamercolor*
\setbeamercolor*
\setbeamercolor*
\mode
同樣的在beamerouterthemetexsx.sty檔案中也加入**,寫法和 outer 的style 檔案類似
\mode
% frame title
\defbeamertemplate*
[1][
][wd=\*****width,ht=1.2cm]
\begin
\useasboundingbox
[fill=white](0,0) rectangle(\the
\*****width,1.2);
\fill
[orange] (0,0) rectangle(2.95,1.2);
\fill
[blue!50!cyan!80] (3.05,0) rectangle(\the
\*****width,1.2);
\ifx
\insertframesubtitle
\@empty%
;}\else%;%
\node
[anchor= west, white,font=\small
] at (3.2,0.41);}
%\fi
\end
\end
}\mode
儲存,執行,結果如圖:
用CSS寫乙個簡單的幻燈片效果頁面
這裡是修真院前端小課堂,本篇分析的主題是 用css寫乙個簡單的幻燈片效果頁面 每篇分享文從 八個方面深度解析前端知識 技能,本篇分享的是 用css寫乙個簡單的幻燈片效果頁面 css3屬性中有關於製作動畫的三個屬性 transform,transition,animation。transform屬性向...
如何用css寫乙個簡單的幻燈片效果頁面?
css3屬性中有關於製作動畫的三個屬性 transform,transition,animation。transform屬性向元素應用2d或3d轉換。該屬性允許我們對元素進行旋轉 縮放 移動或傾斜。transition是令乙個或多個可以用數值表示的css屬性值發生變化時產生過渡效果。animatio...
25個必須要學會的jQuery幻燈片外掛程式教程(上)
學會利用視差原理在滑動時移動不同的背景,以此來創造出一些漂亮的透視效果。訪問內容出處 訪問內容出處 這裡是乙個關於為乙個電腦商場製作乙個平滑的內容滾動器的教程,作為幫助手段,用到了jquery和mopslider外掛程式。訪問內容出處 這一教程製造出了一種經典的幻燈片播映方式,在和之間使用了不同的過...