標籤: 如何寫文案

在平時的工作中，我們經常接觸到數據庫表和用戶以及角色的使用，由於經常使用默認的數據庫表空間和模式（Schema），所以我們往往忽略了數據庫表空間和模式的概念以及作用。

接下來，先介紹一下模式和表空間的定義以及作用。

什麼是Schema？

一個數據庫包含一個或多個已命名的模式，模式又包含表。模式還可以包含其它對象， 包括數據類型、函數、操作符等。同一個對象名可以在不同的模式里使用而不會導致衝突； 比如，herschema和myschema都可以包含一個名為mytable的表。 和數據庫不同，模式不是嚴格分離的：只要有權限，一個用戶可以訪問他所連接的數據庫中的任意模式中的對象。

我們需要模式的原因有好多：

• 允許多個用戶使用一個數據庫而不會幹擾其它用戶。
• 把數據庫對象組織成邏輯組，讓它們更便於管理。
• 第三方的應用可以放在不同的模式中，這樣它們就不會和其它對象的名字衝突。

模式類似於操作系統層次的目錄，只不過模式不能嵌套。

什麼是表空間?

表空間是實際的數據存儲的地方。一個數據庫schema可能存在於多個表空間，相似地，一個表空間也可以為多個schema服務。

通過使用表空間，管理員可以控制磁盤的布局。表空間的最常用的作用是優化性能，例如，一個最常用的索引可以建立在非常快的硬盤上，而不太常用的表可以建立在便宜的硬盤上，比如用來存儲用於進行歸檔文件的表。

PostgreSQL表空間、數據庫、模式、表、用戶、角色之間的關係

角色與用戶的關係

在PostgreSQL中，存在兩個容易混淆的概念：角色/用戶。之所以說這兩個概念容易混淆，是因為對於PostgreSQL來說，這是完全相同的兩個對象。唯一的區別是在創建的時候：

1.我用下面的psql創建了角色custom:

CREATE ROLE custom PASSWORD 'custom';

接着我使用新創建的角色custom登錄，PostgreSQL給出拒絕信息：

FATAL：role 'custom' is not permitted to log in.

說明該角色沒有登錄權限，系統拒絕其登錄

2.我又使用下面的psql創建了用戶guest:

CREATE USER guest PASSWORD 'guest';

接着我使用guest登錄，登錄成功

難道這兩者有區別嗎？查看文檔，又這麼一段說明：CREATE USER is the same as CREATE ROLE except that it implies LOGIN. —-CREATE USER除了默認具有LOGIN權限之外，其他與CREATE ROLE是完全相同的。

為了驗證這句話，修改custom的權限，增加LOGIN權限：

ALTER ROLE custom LOGIN;

再次用custom登錄，成功！那麼事情就明了了：

CREATE ROLE custom PASSWORD ‘custom’ LOGIN 等同於 CREATE USER custom PASSWORD ‘custom’.

這就是ROLE/USER的區別。

數據庫與模式的關係

模式(schema)是對數據庫(database)邏輯分割。

在數據庫創建的同時，就已經默認為數據庫創建了一個模式–public，這也是該數據庫的默認模式。所有為此數據庫創建的對象(表、函數、試圖、索引、序列等)都是創建在這個模式中的：

1.創建一個數據庫mars

CREATE DATABASE mars;

2.用custom角色登錄到mars數據庫,查看數據庫中的所有模式：\dn

显示結果只有public一個模式。

3.創建一張測試表

CREATE TABLE test(id integer not null);

4.查看當前數據庫的列表：\d;

显示結果是表test屬於模式public.也就是test表被默認創建在了public模式中。

5.創建一個新模式custom，對應於登錄用戶custom：

CREATE SCHEMA custom;

ALTER SCHEMA custom OWNER TO custom;

6.再次創建一張test表，這次這張表要指明模式

CREATE TABLE custom.test (id integer not null);

7.查看當前數據庫的列表： \d

显示結果是表test屬於模式custom.也就是這個test表被創建在了custom模式中。

得出結論是：數據庫是被模式(schema)來切分的，一個數據庫至少有一個模式，所有數據庫內部的對象(object)是被創建於模式的。用戶登錄到系統，連接到一個數據庫后，是通過該數據庫的search_path來尋找schema的搜索順序，可以通過命令SHOW search_path；具體的順序，也可以通過SET search_path TO 'schema_name'來修改順序。

官方建議是這樣的：在管理員創建一個具體數據庫后，應該為所有可以連接到該數據庫的用戶分別創建一個與用戶名相同的模式，然後，將search_path設置為$user，即默認的模式是與用戶名相同的模式。

表空間與數據庫的關係

數據庫創建語句:

CREATE DATABASE dbname;

默認的數據庫所有者是當前創建數據庫的角色，默認的表空間是系統的默認表空間pg_default。

為什麼是這樣的呢？

因為在PostgreSQL中，數據的創建是通過克隆數據庫模板來實現的，這與SQL SERVER是同樣的機制。由於CREATE DATABASE dbname並沒有指明數據庫模板，所以系統將默認克隆template1數據庫，得到新的數據庫dbname。(By default, the new database will be created by cloning the standard system database template1)

template1數據庫的默認表空間是pg_default，這個表空間是在數據庫初始化時創建的，所以所有template1中的對象將被同步克隆到新的數據庫中。

相對完整的語法應該是這樣的：

CREATE DATABASE dbname TEMPLATE template1 TABLESPACE tablespacename;
ALTER DATABASE dbname OWNER TO custom;

1.連接到template1數據庫，創建一個表作為標記：

CREATE TABLE test(id integer not null);

向表中插入數據

INSERT INTO test VALUES (1);

2.創建一個表空間:

CREATE TABLESPACE tsmars OWNER custom LOCATION '/tmp/data/tsmars';

在此之前應該確保目錄/tmp/data/tsmars存在，並且目錄為空。

3.創建一個數據庫，指明該數據庫的表空間是剛剛創建的tsmars：

CREATE DATABASE dbmars TEMPLATE template1 OWNERE custom TABLESPACE tsmars;
ALTER DATABASE dbmars OWNER TO custom;

4.查看系統中所有數據庫的信息：\l+

可以發現，dbmars數據庫的表空間是tsmars,擁有者是custom;

仔細分析后，不難得出結論：

在PostgreSQL中，表空間是一個目錄，裏面存儲的是它所包含的數據庫的各種物理文件。

總結

表空間是一個存儲區域，在一個表空間中可以存儲多個數據庫，儘管PostgreSQL不建議這麼做，但我們這麼做完全可行。一個數據庫並不知直接存儲表結構等對象的，而是在數據庫中邏輯創建了至少一個模式，在模式中創建了表等對象，將不同的模式指派該不同的角色，可以實現權限分離，又可以通過授權，實現模式間對象的共享，並且還有一個特點就是：public模式可以存儲大家都需要訪問的對象。

表空間用於定義數據庫對象在物理存儲設備上的位置，不特定於某個單獨的數據庫。數據庫是數據庫對象的物理集合，而schema則是數據庫內部用於組織管理數據庫對象的邏輯集合，schema名字空間之下則是各種應用程序會接觸到的對象，比如表、索引、數據類型、函數、操作符等。

角色(用戶)則是數據庫服務器(集群)全局範圍內的權限控制系統，用於各種集群範圍內所有的對象權限管理。因此角色不特定於某個單獨的數據庫，但角色如果需要登錄數據庫管理系統則必須連接到一個數據庫上。角色可以擁有各種數據庫對象。

關注公眾號：JAVA九點半課堂，這裡有一批優秀的技術大牛，為你提供方向，提供資源！加入我們，一起探討技術，共同進步！回復“資料”獲取 2T 行業最新資料！

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

※不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

※Google地圖已可更新顯示潭子電動車充電站設置地點!!

※帶您來看台北網站建置，台北網頁設計，各種案例分享

※別再煩惱如何寫文案,掌握八大原則!

1.複雜查詢運算符

在生產場景中，我們經常用到LINQ運算符進行查詢獲取數據，現在我們就來了解下生產場景經常出現幾種複雜查詢運算符。

1.1聯接（INNER JOIN）

藉助LINQ Join運算符，可根據每個源的鍵選擇器連接兩個數據源，並在鍵匹配時生成值的元組。

var query = from blog in _context.Set<Blog>()
            join post in _context.Set<Post>()
                on blog.BlogId equals post.BlogId
            select new { blog, post };

SQL：

SELECT [blog].[BlogId], [blog].[Createtime], [blog].[Updatetime], [blog].[Url], [post].[PostId], [post].[BlogId], [post].[Content], [post].[Title]
FROM [Blog] AS [blog]
INNER JOIN [Post] AS [post] ON [blog].[BlogId] = [post].[BlogId]

SQL Server Profiler：

1.2左聯接（Left Join）

雖然Left Join不是LINQ運算符，但關係數據庫具有常用於查詢的Left Join的概念。LINQ查詢中的特定模式提供與服務器上的LEFT JOIN相同的結果。

var query = from blog in _context.Set<Blog>()
            join post in _context.Set<Post>()
                on blog.BlogId equals post.BlogId into grouping
            from post in grouping.DefaultIfEmpty()
            select new { blog, post };

SQL:

SELECT [blog].[BlogId], [blog].[Createtime], [blog].[Updatetime], [blog].[Url], [post].[PostId], [post].[BlogId], [post].[Content], [post].[Title]
FROM [Blog] AS [blog]
LEFT JOIN [Post] AS [post] ON [blog].[BlogId] = [post].[BlogId]

SQL Server Profiler：

1.3分組（GroupBy）

LINQ GroupBy運算符創建IGrouping<TKey, TElement>類型的結果，其中TKey和TElement可以是任意類型。此外，IGrouping實現了IEnumerable<TElement>，這意味着可在分組后使用任意LINQ運算符來對其進行組合。

var query = from blog in _context.Set<Blog>()
            group blog by blog.Url into g
            select new
            {
                g.Key,
                Count = g.Count()
            };

SQL:

SELECT [blog].[Url] AS [Key], COUNT(*) AS [Count]
FROM [Blog] AS [blog]
GROUP BY [blog].[Url]

SQL Server Profiler：

分組的聚合運算符出現在Where或OrderBy（或其他排序方式）LINQ運算符中。它在SQL中將Having子句用於Where子句。

var query = from blog in _context.Set<Blog>()
            group blog by blog.Url into g
            where g.Count() > 0
            orderby g.Key
            select new
            {
                g.Key,
                Count = g.Count()
            };

SQL:

SELECT [blog].[Url] AS [Key], COUNT(*) AS [Count]
FROM [Blog] AS [blog]
GROUP BY [blog].[Url]
HAVING COUNT(*) > 0
ORDER BY [Key]

SQL Server Profiler：

EF Core支持的聚合運算符如下所示：
●Avg
●Count
●LongCount
●Max
●Min
●Sum

1.4SelectMany

藉助LINQ SelectMany運算符，可為每個外部元素枚舉集合選擇器，並從每個數據源生成值的元組。

var query0 = from b in _context.Set<Blog>()
                from p in _context.Set<Post>()
                select new { b, p };

var query1 = from b in _context.Set<Blog>()
                from p in _context.Set<Post>().Where(p => b.BlogId == p.BlogId).DefaultIfEmpty()
                select new { b, p };

var query2 = from b in _context.Set<Blog>()
                from p in _context.Set<Post>().Select(p => b.Url + "=>" + p.Title).DefaultIfEmpty()
                select new { b, p };

SQL:

SELECT [b].[BlogId], [b].[Createtime], [b].[Updatetime], [b].[Url], [p].[PostId], [p].[BlogId], [p].[Content], [p].[Title]
FROM [Blog] AS [b]
CROSS JOIN [Post] AS [p]

SELECT [b].[BlogId], [b].[Createtime], [b].[Updatetime], [b].[Url], [t0].[PostId], [t0].[BlogId], [t0].[Content], [t0].[Title]
FROM [Blog] AS [b]
CROSS APPLY (
    SELECT [t].[PostId], [t].[BlogId], [t].[Content], [t].[Title]
    FROM (
        SELECT NULL AS [empty]
    ) AS [empty]
    LEFT JOIN (
        SELECT [p].[PostId], [p].[BlogId], [p].[Content], [p].[Title]
        FROM [Post] AS [p]
        WHERE [b].[BlogId] = [p].[BlogId]
    ) AS [t] ON 1 = 1
) AS [t0]

SELECT [b].[BlogId], [b].[Createtime], [b].[Updatetime], [b].[Url], [t0].[c]
FROM [Blog] AS [b]
CROSS APPLY (
    SELECT [t].[c]
    FROM (
        SELECT NULL AS [empty]
    ) AS [empty]
    LEFT JOIN (
        SELECT ([b].[Url] + N'=>') + [p].[Title] AS [c]
        FROM [Post] AS [p]
    ) AS [t] ON 1 = 1
) AS [t0]

SQL Server Profiler：

好了，這裏就不多寫關於LINQ其他示例了，如果需要了解的小夥伴們，可以移步“”這裏了解。

2.原生SQL查詢

有一些複雜業務場景，使用LINQ查詢可能會導致SQL查詢效率低下並不適用，那麼這時候就需要到原生SQL查詢了。EF Core為我們提供FromSql擴展方法基於原始SQL查詢。 FromSql只能在直接位於DbSet<>上的查詢根上使用。

var blogs = _context.Blog.FromSql("SELECT * FROM dbo.Blog").ToList();

原生SQL查詢可用於執行存儲過程。

var blogs = _context.Blog
    .FromSql("EXECUTE dbo.GetMostPopularBlogs")
    .ToList();

2.1原始SQL查詢使用參數化

向原始SQL查詢引入任何用戶提供的值時，必須注意防範SQL注入攻擊。除了驗證確保此類值不包含無效字符，還要將值與SQL文本參數化處理。
下面的示例通過在SQL查詢字符串中包含形參佔位符並提供額外的實參，將單個形參傳遞到存儲過程。雖然此語法可能看上去像String.Format語法，但提供的值包裝在DbParameter中，且生成的參數名稱插入到指定{0}佔位符的位置。

var url = "http://blogs.msdn.com/webdev";
var blogs = _context.Blog
    .FromSql("EXECUTE dbo.GetMostPopularBlogForUrl {0}", url)
.ToList();

SQL:

exec sp_executesql N'EXECUTE dbo.GetMostPopularBlogForUrl @p0
',N'@p0 nvarchar(4000)',@p0=N'http://blogs.msdn.com/webdev'

SQL Server Profiler：

還可以構造DbParameter並將其作為參數值提供。由於使用了常規SQL參數佔位符而不是字符串佔位符，因此可安全地使用FromSql：

var urlParams = new SqlParameter("Url", "http://blogs.msdn.com/webdev");
var blogs = _context.Blog
    .FromSql("EXECUTE dbo.GetMostPopularBlogForUrl @Url", urlParams)
.ToList();

SQL:

exec sp_executesql N'EXECUTE dbo.GetMostPopularBlogForUrl @Url
',N'@Url nvarchar(28)',@Url=N'http://blogs.msdn.com/webdev'

SQL Server Profiler：

2.2使用LINQ編寫SQL

可使用LINQ運算符在初始的原始SQL查詢基礎上進行組合。EF Core將其視為子查詢，並在數據庫中對其進行組合。下面的示例使用原始SQL查詢，該查詢從表值函數 (TVF) 中進行選擇。然後，使用LINQ進行篩選和排序，從而對其進行組合。

var searchTerm = "http://blogs.msdn.com/visualstudio";
var blogs = _context.Blog
    .FromSql($"SELECT * FROM dbo.Blog")
    .Where(b => b.Url == searchTerm)
    .Include(c=>c.Post)
    .OrderByDescending(b => b.Createtime)
.ToList();

SQL:

exec sp_executesql N'SELECT [b].[BlogId], [b].[Createtime], [b].[Updatetime], [b].[Url]
FROM (
    SELECT * FROM dbo.Blog
) AS [b]
WHERE [b].[Url] = @__searchTerm_1
ORDER BY [b].[Createtime] DESC, [b].[BlogId]',N'@__searchTerm_1 nvarchar(4000)',@__searchTerm_1=N'http://blogs.msdn.com/visualstudio'

exec sp_executesql N'SELECT [b.Post].[PostId], [b.Post].[BlogId], [b.Post].[Content], [b.Post].[Title]
FROM [Post] AS [b.Post]
INNER JOIN (
    SELECT [b0].[BlogId], [b0].[Createtime]
    FROM (
        SELECT * FROM dbo.Blog
    ) AS [b0]
    WHERE [b0].[Url] = @__searchTerm_1
) AS [t] ON [b.Post].[BlogId] = [t].[BlogId]
ORDER BY [t].[Createtime] DESC, [t].[BlogId]',N'@__searchTerm_1 nvarchar(4000)',@__searchTerm_1=N'http://blogs.msdn.com/visualstudio'

SQL Server Profiler：

3.異步查詢

當在數據庫中執行查詢時，異步查詢可避免阻止線程。異步查詢對於在客戶端應用程序中保持響應式UI非常重要。 異步查詢還可以增加Web應用程序中的吞吐量，即通過釋放線程，以處理其他Web應用程序中的請求。

public async Task<IActionResult> Index()
{
    var id1 = Thread.CurrentThread.ManagedThreadId.ToString();

    var blogs = await _context.Blog.ToListAsync();

    var id2 = Thread.CurrentThread.ManagedThreadId.ToString();

    return View(blogs);
}

當我們運行以上代碼時候，通過在關鍵字await上下文加入兩段獲取線程ID代碼，我們會看到如下結果：

看到兩段線程代碼輸出ID結果沒有？從上圖可以觀察到，當我們在進入某個視圖或者方法時候，執行到await某一個方法，當前線程不會一直等待下去，會立馬回收到線程池，供其他地方調用！當該await方法返回數據時候，才從線程池調用空閑線程執行await方法下文餘下的步驟。所以UI界面才不會進入假死狀態。

參考文獻：

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

※想知道最厲害的台北網頁設計公司推薦、台中網頁設計公司推薦專業設計師”嚨底家”!!

※幫你省時又省力,新北清潔一流服務好口碑

※別再煩惱如何寫文案,掌握八大原則!

人生苦短，我選Python

前文傳送門

生成器

我們前面聊過了為什麼要使用迭代器，各位同學應該還有印象吧（說沒有的就太過分了）。

列表太大的話會佔用過大的內存，可以使用迭代器，只拿出需要使用的部分。

生成器的設計原則和迭代器是相似的，如果需要一個非常大的集合，不會將元素全部都放在這個集合中，而是將元素保存成生成器的狀態，每次迭代的時候返回一個值。

比如我們要生成一個列表，可以採用如下方式：

list1 = [x*x for x in range(10)]
print(list1)

結果如下：

[0, 1, 4, 9, 16, 25, 36, 49, 64, 81]

如果我們生成的列表非常的巨大，比如：

list2 = [x*x for x in range(1000000000000000000000000)]

結果如下：

Traceback (most recent call last):
  File "D:/Development/Projects/python-learning/base-generator/Demo.py", line 3, in <module>
    list2 = [x*x for x in range(1000000000000000000000000)]
  File "D:/Development/Projects/python-learning/base-generator/Demo.py", line 3, in <listcomp>
    list2 = [x*x for x in range(1000000000000000000000000)]
MemoryError

報錯了，報錯信息提示我們存儲異常，並且整個程序運行了相當長一段時間。友情提醒，這麼大的列表創建請慎重，如果電腦配置不夠很有可能會將電腦卡死。

如果我們使用生成器就會非常方便了，而且執行速度嗖嗖的。

generator1 = (x*x for x in range(1000000000000000000000000))
print(generator1)
print(type(generator1))

結果如下：

<generator object <genexpr> at 0x0000014383E85B48>
<class 'generator'>

那麼，我們使用了生成器以後，怎麼讀取生成器生成的數據呢？

當然是和之前的迭代器一樣的拉，使用 next() 函數：

generator2 = (x*x for x in range(3))
print(next(generator2))
print(next(generator2))
print(next(generator2))
print(next(generator2))

結果如下：

Traceback (most recent call last):
  File "D:/Development/Projects/python-learning/base-generator/Demo.py", line 14, in <module>
    print(next(generator2))
StopIteration

直到最後，拋出 StopIteration 異常。

但是，這種使用方法我們並不知道什麼時候會迭代結束，所以我們可以使用 for 循環來獲取每生成器生成的具體的元素，並且使用 for 循環同時也無需關心最後的 StopIteration 異常。

generator3 = (x*x for x in range(5))
for index in generator3:
    print(index)

結果如下：

0
1
4
9
16

generator 非常的強大，本質上， generator 並不會取存儲我們的具體元素，它存儲是推算的算法，通過算法來推算出下一個值。

如果推算的算法比較複雜，用類似列表生成式的 for 循環無法實現的時候，還可以用函數來實現。

比如我們定義一個函數，emmmmmm，還是簡單點吧，大家領會精神：

def print_a(max):
    i = 0
    while i < max:
        i += 1
        yield i

a = print_a(10)
print(a)
print(type(a))

結果如下：

<generator object print_a at 0x00000278C6AA5CC8>
<class 'generator'>

這裏使用到了關鍵字 yield ， yield 和 return 非常的相似，都可以返回值，但是不同的是 yield 不會結束函數。

我們調用幾次這個用函數創建的生成器：

print(next(a))
print(next(a))
print(next(a))
print(next(a))

結果如下：

1
2
3
4

可以看到，當我們使用 next() 對生成器進行一次操作的時候，會返回一次循環的值，在 yield 這裏結束本次的運行。但是在下一次執行 next() 的時候，會接着上次的斷點接着運行。直到下一個 yield ，並且不停的循環往複，直到運行至生成器的最後。

還有一種與 next() 等價的方式，直接看示例代碼吧：

print(a.__next__())
print(a.__next__())

結果如下：

5
6

接下來要介紹的這個方法就更厲害了，不僅能迭代，還能給函數再傳一個值回去：

def print_b(max):
    i = 0
    while i < max:
        i += 1
        args = yield i
        print('傳入參數為：' + args)

b = print_b(20)
print(next(b))
print(b.send('Python'))

結果如下：

1
傳入參數為：Python
2

上面講了這麼多，可能各位還沒想到生成器能有什麼具體的作用吧，這裏我來提一個——協程。

在介紹什麼是協程之前先介紹下什麼是多線程，就是在同一個時間內可以執行多個程序，簡單理解就是你平時可能很經常的一邊玩手機一邊聽音樂（毫無違和感）。

協程更貼切的解釋是流水線，比如某件事情必須 A 先做一步， B 再做一步，並且這兩件事情看起來要是同時進行的。

def print_c():
    while True:
        print('執行 A ')
        yield None
def print_d():
    while True:
        print('執行 B ')
        yield None

c = print_c()
d = print_d()
while True:
    c.__next__()
    d.__next__()

結果如下：

...
執行 A 
執行 B 
執行 A 
執行 B 
執行 A 
執行 B 
執行 A 
執行 B 
執行 A 
執行 B 
...

因為 while 條件設置的是永真，所以這個循環是不會停下來的。

這裏我們定義了兩個生成器，並且在一個循環中往複的調用這兩個生成器，這樣看起來就是兩個任務在同時執行。

最後的協程可能理解起來稍有難度，有問題可以在公眾號後台問我哦~~~

示例代碼

本系列的所有代碼小編都會放在代碼管理倉庫 Github 和 Gitee 上，方便大家取用。

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

※不管是台北網頁設計公司、台中網頁設計公司，全省皆有專員為您服務

※Google地圖已可更新顯示潭子電動車充電站設置地點!!

※帶您來看台北網站建置，台北網頁設計，各種案例分享

※別再煩惱如何寫文案,掌握八大原則!

1. 運行效果

在 這篇文章里我介紹了一個包含長陰影的番茄鍾，這個番茄鍾在狀態切換時用到了翻轉動畫，效果如上所示，還用到了彈簧動畫，可以看到翻轉後有點回彈。本來打算自己這個動畫效果寫的，但火火已經寫好了這個FlipSide控件，Github地址在，這篇文章就介紹下這個控件的部分原理。

2. TransformMatrix

Visual的 屬性是一個 的struct，它是應用於元素的轉換矩陣，可以進行動畫處理。它的默認值如下：

這時候動畫效果如下：

要使Visual可以正確旋轉需要按以下方式處理：

private void UpdateTransformMatrix(FrameworkElement element)
{
    var host = ElementCompositionPreview.GetElementVisual(element);
    var size = element.RenderSize.ToVector2();
    if (size.X == 0 || size.Y == 0) return;
    var n = -1f / size.X;

    Matrix4x4 perspective = new Matrix4x4(
        1.0f, 0.0f, 0.0f, 0.0f,
        0.0f, 1.0f, 0.0f, 0.0f,
        0.0f, 0.0f, 1.0f, n,
        0.0f, 0.0f, 0.0f, 1.0f);

    host.TransformMatrix =
        Matrix4x4.CreateTranslation(-size.X / 2, -size.Y / 2, 0f) *
        perspective *
        Matrix4x4.CreateTranslation(size.X / 2, size.Y / 2, 0f);
}

講真我也不明白為什麼要這麼寫，只知道是從微軟的 里抄的。每當SizeChanged事件發生時都需要調用這個函數重新設置TransformMatrix。

3. RotationAngleInDegrees

Visual包含兩個相似的屬性， 和 ，它們的定義如下：

//
// 摘要:
//     視覺對象的旋轉角度（以度為單位）。 可動畫處理。
//
// 返回結果:
//     The rotation angle of the visual in degrees.
public float RotationAngleInDegrees { get; set; }
//
// 摘要:
//     視覺對象的旋轉角度（以弧度為單位）。 可動畫處理。
//
// 返回結果:
//     The rotation angle in radians of the visual.
public float RotationAngle { get; set; }

這兩個屬性都用於控制Visua圍繞着RotationAxis和CenterPoint旋轉。在FlipSide這個控件里RotationAngleInDegrees比較適用：

float f1 = 0f, f2 = 0f;
if (IsFlipped)
{
    f1 = 180f;
    f2 = 360f;
    VisualStateManager.GoToState(this, "Slide2", false);
}
else
{
    f1 = 0f;
    f2 = 180f;
    VisualStateManager.GoToState(this, "Slide1", false);
}
if (springAnimation1 != null && springAnimation2 != null)
{
    springAnimation1.FinalValue = f1;
    springAnimation2.FinalValue = f2;
    s1Visual.StartAnimation("RotationAngleInDegrees", springAnimation1);
    s2Visual.StartAnimation("RotationAngleInDegrees", springAnimation2);
}

這段代碼用到了SpringAnimatin，所以有彈一下的效果。

4. RotationAxis

用於指定Visual旋轉的軸。FlipSide可以通過設置RotationAxis改變翻轉的角度，例如火火的Demo里使用根據鼠標改變RotationAxis：

private void OnFlipSidePointerReleased(object sender, PointerRoutedEventArgs e)
{
    var position = e.GetCurrentPoint(_FlipSide).Position;
    var v2 = (position.ToVector2() - _FlipSide.RenderSize.ToVector2() / 2);
    _FlipSide.Axis = new Vector2(-v2.Y, v2.X);
}

5. ExpressionAnimation

<controls:FlipSide x:Name="FlipSide" IsFlipped="True">
    <controls:FlipSide.Side1>
        <Grid Background="#FFE87A69" x:Name="InworkElement" CornerRadius="1">
            
        </Grid>
    </controls:FlipSide.Side1>
    <controls:FlipSide.Side2>
        <Grid Background="#FF5271c2" x:Name="BreakElement" CornerRadius="1">
            
        </Grid>
    </controls:FlipSide.Side2>
</controls:FlipSide>

上面XAML為FlipSide的調用代碼，它將Side1和Side2（這個命名超讓高達迷興奮）作為內容显示在UI上，當IsFlipped為False時显示Side1的內容，當IsFlipped為True時代表翻轉過去，此時显示Side2的內容。在翻轉動畫的過程中，何時隱藏Side1並显示Side2是個麻煩事。幸好UWP有強大的表達式動畫（ExpressionAnimation），FlipSide只用了下面幾句代碼處理這個問題：

s1Visual = ElementCompositionPreview.GetElementVisual(Side1Content);
s2Visual = ElementCompositionPreview.GetElementVisual(Side2Content);

var opacity1Animation = compositor.CreateExpressionAnimation("this.Target.RotationAngleInDegrees > 90 ? 0f : 1f");
var opacity2Animation = compositor.CreateExpressionAnimation("(this.Target.RotationAngleInDegrees - 180) > 90 ? 1f : 0f");

s1Visual.StartAnimation("Opacity", opacity1Animation);
s2Visual.StartAnimation("Opacity", opacity2Animation);

這段代碼的意思是當Side1的RotationAngleInDegrees大於90度時隱藏，否則显示；Side2則相反。其中，表達式中的this.Target表示使用這個表達式動畫的Vsual。

表達式動畫的話題很大，這篇文章就割愛了，可以參考下面給出的鏈接了解更多內容：

6. 結語

感謝火火提供了這個控件，讓我可以省下了不少功夫。其實我對TransformMatrix真的不理解，所以這部分只是用，沒辦法詳細介紹。而且我以前對UI里使用3D不感興趣，所以這方面真的沒法寫更多內容。期待火火為這方面補充一些博客。

7. 參考

8. 源碼

本站聲明:網站內容來源於博客園,如有侵權,請聯繫我們,我們將及時處理

【其他文章推薦】

※如何讓商品強力曝光呢? 網頁設計公司幫您建置最吸引人的網站，提高曝光率!!

※網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司，幫您輕鬆架站!

※想知道最厲害的台北網頁設計公司推薦、台中網頁設計公司推薦專業設計師”嚨底家”!!

※幫你省時又省力,新北清潔一流服務好口碑

※別再煩惱如何寫文案,掌握八大原則!