當前位置:首頁 » 安卓系統 » android半圓角矩形

android半圓角矩形

發布時間: 2023-11-15 21:00:01

A. 如何使用 Photoshop CS5 繪制一個 Android 矩形圖標

使用PS創建安卓圖標

1.創建畫板,500*500像素,解析度72,參數如下圖。

B. Android 圓角、圓形 ImageView 實現

我們要實現的圖片控制項繼承自 AppCompatImageView ,它是 ImageView 的子類,但提供了更好的兼容性,我們在此基礎上添加了若干自定義的屬性和方法以實現最終的 NiceImageView :

要實圓角或者圓形的顯示效果,就是對圖片顯示的內容區域進行「裁剪」,只顯示指定的區域即可。如何做呢?

一種比較直接的辦法是這樣的,由於圖片是被繪制在畫布上的,所以用 canvas 的 clipPath() 方法先將畫布裁剪成指定形狀,這樣就能讓圖片按指定形狀顯示了,重新 draw() 方法即可:

這樣使用 src 、 background 屬性給ImageView設置顯示的圖片都能達到預期的顯示效果。但是由於 clipPath() 方法不支持抗鋸齒,圖片邊緣會有明顯的毛糙感,體驗並不理想,所以需要尋找其它方法。

另一種方法是使用圖像的 Alpha 合成模式 ,即
PorterDuff 來實現, 官方文檔 。這里我們使用其中的 DST_IN 模式。整個過程就是先繪制目標圖像,也就是圖片;再繪制原圖像,即一個圓角矩形或者圓形,這樣最終目標圖像只顯示和原圖像重合的區域。

到這里就實現了顯示為圓角或者圓形了。但是需要通過 src 屬性或者對應的方法來設置圖片,否則不能達到預期效果。

繪制邊框就相對容易理解了,只需要繪制一個指定樣式的圓角矩形或者圓形即可:

當圖片顯示為圓形時,還可以繪制一個內邊框,但圓角矩形的話由於圓角大小的問題,目前只能設置一個邊框咯。

但是有個問題,繪制的邊框會覆蓋在圖片上,如果邊框太寬會導致圖片的可見區域變小了,影像顯示效果,像這樣,左下角的花盆不見了:

那麼如何讓邊框不覆蓋在圖片上呢?可以在 Alpha 合成繪制前先將畫布縮小一定比例,最後再繪制邊框,這樣問題就解決了。

縮放後的ImageView顯示區域的寬高就是原寬、高分別減去2倍的邊框寬度,這樣縮小的比例也就顯而易見了。效果如下,左下角的花盆出來了:

遮罩可以理解為一層帶透明度的顏色,遮罩默認不繪制,當制定了遮罩顏色時才會繪制,實現很簡單:

例如加一個透明度30%的紅色遮罩後的效果:

核心的實現邏輯就這些了,剩下的就是自定義屬性和方法了,有興趣的可以看源碼,都很簡單,希望對你有所幫助吧!

更多細節及用法見GitHub: https://github.com/SheHuan/NiceImageView

如果你需要實現類似釘釘的圓形組合頭像,例如:

C. Android12正式發布,與之前相比做出了哪些改變

Android12正式發布,和之前的Android相比,整體設計更加圓滑,強調視覺色彩,觀感更加舒適。這次的更新,也是Android歷史上設計變化最大的一個版本。這次的推出雖然大多數用戶還沒有體驗上,但是整體來看大眾還是很接受這次的改變。

一:設計更加圓滑

這次的改變我們可以看出,從前的條條框框變得圓滑了,視覺效果的舒適度更加。以往大眾都是將Android系統和ios系統拿起來比較,在近年來iOS系統每年都會推出新的系統,受到大眾的追捧,谷歌這次更新Android12系統,很多人都是抱有期待的,在我看來,這次的更新還是不錯的,但是目前還在測試階段,大家還是謹慎更新,像iOS系統更新完之後會出現卡頓等問題,目前擔心的就是這一次Android12更新後也會出現類似的問題。

除了目前的一些更新,我覺得使用安卓機的用戶更想更新的是安卓系統用久了會卡頓的問題,所以希望在以後的更新中,谷歌公司會將這一項列入更新列表。

D. android的圓角矩形按鈕button如何實現按下按鈕顏色會變

需要定義兩個不同顏色的圓角xml布局,selector的drawable引用的就是圓角的xml,最後,布局調用的是selector。

E. 請問安卓app logo設計尺寸比如圓角矩形的像素是多少乘以多少,自己圓角的半徑大小謝謝大神!!

那要看你設計什麼樣的LOGO了,有些需要挺大,有些勉強能看到就行,一般是20*20就夠,你可以多做幾張不同尺寸的 感覺那張合適就用那張!

F. Android:如下關於繪制圓角矩形邊框問題,怎麼解決

paint.setAntiAlias(true);

嘗試在畫筆上設置抗鋸齒

G. android怎麼畫圓角的矩形

如果你是在自定義view的onDraw方法中:

java">RectFrectF=newRectF(100,100,500,500);//先畫一個矩形
Paintpaint=newPaint(Paint.ANTI_ALIAS_FLAG);//創建畫筆
paint.setColor(R.color.colorAccent);//添加畫筆顏色
canvas.drawRoundRect(rectF,30,30,paint);//根據提供的矩形為四個角畫弧線,(其中的數字:第一個表示X軸方向大小,第二個Y軸方向大小。可以改成其他的,你可以自己體驗),最後添加畫筆。

如果你是在布局中直接添加,樓上已經做出方法,我就不舉例了。

H. Android studio圓角矩形的布局如何設計

你可以使用shape定義一個圓角矩形,並將其作為布局的背景即可。
圓角矩形的shape代碼如下:
//定義四個圓角 文件名shape_round_corner
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="#ff00" />
<corners android:topLeftRadius="12dp"
android:topRightRadius="12dp"
android:bottomRightRadius="12dp"
android:bottomLeftRadius="12dp"/>
<stroke android:width="1dp" android:color="#ff0" />
</shape>
設置背景代碼如下:
<LinearLayout
android:layout_width="300dp"
android:layout_height="300dp"
android:layout_marginBottom="10dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="10dp"
android:alpha="0.8"
android:background="@drawable/shape_round_corner">
</LinearLayout>

I. 為什麼Android 的App 圖標慢慢的都開始使用圓角矩形

你說的大部分都是國產app吧,例如嗶哩嗶哩動畫,雖然界面是符合Android Design 的,但是icon依然是iOS風、不符合Android Design 的圓角矩形,不過他們大部分也都是被MIUI帶壞的=.=
關於icon的樣式,Android Design 的官方文檔有詳細的介紹,先上原文鏈接(Iconography | Android Developers)
Use a distinct silhouette. Three-dimensional, front view, with a slight perspective as if viewed from above, so that users perceive some depth.可以看出來,Google 對icon 有以下幾個要求:

輪廓鮮明(iOS app 的icon 就是一個反例)
要有立體感 (iOS 再次中槍)
像是從正面斜上一定角度看到的一樣,使之看上去有深度(iOS 已經身亡)
綜上所述,一切使用圓角矩形圖標的Android 應用都是在耍流氓。
============================第二次打分割線=============================
關於Android 應用圖標的更多標准,可以參照NovaDNG發表在鋒客網上的兩篇文章
» 如何設計符合 Android Design 的應用圖標 鋒客網
» 如何製作一個漂亮的 Android 應用圖標 鋒客網

熱點內容
牆加密區域 發布:2024-11-30 02:33:32 瀏覽:630
idrac中怎麼控制伺服器 發布:2024-11-30 02:18:27 瀏覽:910
蜘蛛礦池伺服器地址 發布:2024-11-30 02:13:57 瀏覽:169
網易雲訪問記錄 發布:2024-11-30 02:13:17 瀏覽:376
java的數據類型有哪些 發布:2024-11-30 02:12:42 瀏覽:546
win8訪問win7共享 發布:2024-11-30 02:08:33 瀏覽:340
編程錄入錯誤 發布:2024-11-30 02:01:58 瀏覽:733
相機存儲卡無法讀取 發布:2024-11-30 02:00:15 瀏覽:772
美國訪問學者中介 發布:2024-11-30 01:49:47 瀏覽:491
手機版我的世界網易伺服器地鐵 發布:2024-11-30 01:38:57 瀏覽:522