Mikail.Net

Yazılımcı günlüğü

UiAvatar

Laravel Nova 4.0 sürümü, kullanıcılar için harika yeni özelliklerle geliyor. Bu yazıda, özellikle UiAvatar alanı özelliğini inceleyeceğiz ve bu yeni alanın nasıl kullanılacağını gösteren bir örnek sunacağız. Laravel Nova’nın son sürümü olan 4.0, Color, UiAvatar, MultiSelect ve URL gibi bir dizi yeni alan türünü içerir. Bu yeni özelliklerden biri olan UiAvatar, kullanıcıların baş harflerini içeren basit bir avatar oluşturmak için kullanılabilir. Bu alan, ui-avatars.com tarafından sağlanmaktadır.

UiAvatar alanı, uygulamanızın veritabanındaki herhangi bir sütuna karşılık gelmez. Bunun yerine, bu alan kullanıcının baş harflerini içeren basit bir avatar oluşturur. İşte UiAvatar alanının kullanımına ilişkin bir örnek:

use Laravel\Nova\Fields\UiAvatar;

// "name" sütununu kullanarak...
UiAvatar::make(),

// Özel bir sütun kullanarak...
UiAvatar::make('Avatar', 'full_name'),

Eğer kullanıcının adı “name” sütununda değilse, alanın make yöntemine özel bir sütun adı geçirebilirsiniz. Ayrıca, resolveUsing yöntemini kullanarak avatarı oluşturmak için kullanılacak adı belirlemek üzere çağrılacak bir işlev belirtebilirsiniz:

UiAvatar::make()->resolveUsing(function () {
    return implode(' ', explode('@', $this->email));
}),

Kare kenarlı bir resim thumbnail’i göstermek için squared yöntemini kullanabilirsiniz. Ayrıca, tamamen yuvarlak kenarlı resimler göstermek için rounded yöntemini kullanabilirsiniz:

UiAvatar::make('Avatar', 'fullname')->squared(),

UiAvatar alanlarını tanımlarken kullanılabilen ek seçenekler şunlardır:

SeçenekYöntemAçıklama
Font BoyutufontSize(0.4)0.1 ile 1 arasında bir font boyutu ayarlayın.
Kalınbold()Yazı tipi ağırlığını kalın olarak ayarlayın.
Arka Plan RengibackgroundColor(‘1D4ED7’)Resim arka planı için altıgen rengi ayarlayın.
Yazı Rengicolor(‘FFFFFF’)Resim metni için altıgen rengi ayarlayın.

Laravel Nova 4.0 ile tanıtılan UiAvatar alanı, kullanıcıların baş harflerini içeren şık ve basit avatarlar oluşturmak için harika bir seçenektir. Bu özellik, kullanıcılarınızın profillerini daha kişiselleştirmeye ve kullanıcı arayüzünü daha çekici hale getirmeye yardımcı olacaktır.

Özelleştirilebilir seçenekleri sayesinde, UiAvatar alanını uygulamanızın temasına ve gereksinimlerine göre uyarlayabilirsiniz. Font boyutunu, yazı tipi kalınlığını, arka plan rengini ve yazı rengini değiştirerek, avatarların uygulamanızın genel görünümüyle uyumlu olmasını sağlayabilirsiniz.

Laravel Nova 4.0’ın yeni UiAvatar alanı özelliği, kullanıcıların baş harflerini içeren basit avatarlar oluşturarak uygulamanızın kullanıcı arayüzüne daha fazla kişilik katmanıza yardımcı olur. Bu alan, ui-avatars.com tarafından sağlanmakta olup, Laravel Nova’nın güçlü ve esnek özelliklerinden yalnızca biridir.

UiAvatar’ı kendi projelerinizde deneyin ve kullanıcılarınıza profesyonel bir görünüm sunarak uygulamanızın kullanıcı deneyimini geliştirin. Laravel Nova 4.0’ın sunduğu diğer yeni alanları ve özellikleri keşfetmeye de zaman ayırın, böylece uygulamanızı daha da güçlü ve işlevsel hale getirebilirsiniz.