Konuyu Oyla:
  • Derecelendirme: 5/5 - 2 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Sık Kullanılan Bileşenler
#1
Wink 
Sevgili arkadaşlar,

Tool Palette çok fazla bileşen var eskiden olduğu gibi her birini tek tek incelemeye yetecek zamanım yok maalesef. Malum, yaş da bir faktör  Smile

Mobil için bir uygulama geliştiriyorum (frame kullanacağım).
Ekran tasarımı kısmında sonradan bir yerlere toslamamak için sık kullanılan görsel bileşenlerin listesi konusunda yardımcı olursanız sevinirim. TListView gibi.
Buradaki amaç ekran layout'unu hazırlarken bölümlemeleri, butonları vs. neyle yapmak lazım.

Örneğin resmi bir eğitimde bölümleme ve butonlar için sadece TRectangle kullanılmış.
Bana bir liste yaparsanız en azından max 15-20 çok kullanılan bileşen üzerinden bir araştırma yapayıp istiyorum.
Anma standart Tool Palette için. OrangeUI vs. değil.

Şimdiden teşekkürler,
Cevapla
#2
Merhaba,
Bu sorunun sorulmasıyla birlikte onlarca yazılımcının özellikle tasarım konusundaki bakış açılarını bilmek görmek duymak çok güzel olur.
 
Delphi’de sadece mobil üzerine uygulamalar ve uygulama tasarımları gerçekleştiren birisiyim. Bu sorunuzu cevaplamaktan büyük mutluluk duyacağım.
 
Size tasarımsal olarak önerilerim ise ;
TLayout : Her uygulamamda ve her yeni projede form’a eklediğim ilk bileşendir.
Kullanma sebebim ise, uygulama arayüzüne ekleyeceğim tüm görsel bileşenleri taşımakta zorlanmamak, Örneğin 3 form’dan oluşan bir uygulamam olduğunu varsayarsak ( olmaz da ) yeni tasarımda ise tabcontrol kullanmak istediğimde tabcontrol’lere aktarmak bu sayede çok basit oluyor. Veyahut uygulama ekranında popup şekilde göstermek. Ya da uygulamanıza, uygulama içi ekran görüntüsü alma özelliği eklemek istediğiniz de  Blush
 tasarım değişikliğine gitmek istediğiniz de daha kolay anlayacaksınızdır önemini.
 
TGridPanelLayout : arayüzdeki nesnelerin telefon tablet gibi büyük veya küçük ekranlarda uyumunu sağlamak için kullanabileceğiniz bir bileşen. Görsel bileşenlerin tek tek align, anchors gibi özellikleri ile uğraşmak istemiyorsanız kullanabilirsiniz.
 
TRectangle : Geldik en sevdiğim bileşene… mobil uygulama yapıp da bunu kullanmıyorsanız ciddi anlamda tasarımsal kısıtlamalara maruz kalırsınız ve profesyonel tasarımlar ortaya koyamazsınız.
Button, checkbox, radiobutton,speedbutton, switch, image gibi ve bu işlevleri gören tüm diğer bileşenlerin yerine kullanabileceğiniz efsane bir bileşendir.
Profesyonel bir uygulama tasarlamak için olmazsa olmazdır.
Buttonlar, style dosyaları bile kullanıyor olsanız size istenilen mükemmelliyeti sunamazlar. Stlye dosyasının size sunduğunun dışına çıkamazsınız.
Checkbox’lar, radiobutton’lar, switch’ler modern bir arayüze sahip uygulamalar için tarihi eser niteliğindedir. Özellikle de yan menü kullanmayı akıl bile etmeyin. TRectangle her konuda size mükemmel sonuçlar verir. ( hadi canım sende demeyin gerçekten kullanınca işler değişiyor Smile  )
İmage bileşeninin yerine rahatlıkla olmasa da kullanılır. Eğer resim sabit pixsellere sahipse kavisli köşeleri olan bir minik image’e rahatlıkla dönüştürülebilir bu da gerçekten şık bir arayüz sunar.
Switch kullanan kişilere üşengeç gözüyle bakıyorum. Checkbox ve radiobutton da da öyle.
Rectangle ile özel switch, checkbox ya da radiobutton rahatlıkla ve daha modern şekilde yapılabilir.
 
TEdit : Bahsetmeme gerek yok fakat önerim şudur ki, alt kısımdaki arka plan çizgisini yok ettiğiniz de TRectangle ile mükemmel ikili oluyorlar  Blush
 
TCircle : TRectangle ile kullanıldığında çok hoş giriş ekranları ya da kullanıcı profil ekranları tasarlanabilir.
 
TAniIndicator : kullanmayı pek sevmesem de işlemlerde bekletme ekranı olarak kullanmak için idealdir. Harici bileşenlerden bulup kullanın. Daha fazla özelleştirilebilirler. Dahili olanın yerine “Bekleyin” yazısı yazmak bunu yine Trectangle ile tasarlamak daha cazip ve hoş. ( nitekim ben öyle yapıyorum )
 
TListbox : verileri uğraşmadan listelemekte çok yardımcı olsa da yukarıda saydığım bileşenlerle oluşturduğunuz uygulamaya yakışmayacaktır. Bunun yerine yine Trectangle kullanmak uğraştıcı olsa da  mantıklıdır. Whatsapp, telegram gibi uygulamaların sohbet ekranı gibi baloncuklar oluşturarak verileri modern şekilde listeleyebilirsiniz. Nitekim ben öyle yapıyorum.
 
Tlistview : Listbox’dan daha fazla özelleştirme sunsa da yine modern arayüzler için üzerinde çok uğraşılmadığı taktirde uygun değildir. O kadar çabaya gerek kalmadan yine Trectangle işlerinizi görecektir.
 
Tcombobox : Yine ilkel bir bileşen…  ve yine TRectangle ile muhteşem seçim panelleri yapabilirsiniz.
 
Yazı Trectangle sponsorluğunda yazılmış gibi farkındayım ama hakkını vermek lazımdı.  Blush
Kullanmanızı önermediğim bileşenleri de söyleme sebebim Trectangle’ın önemini vurgulamaktı.
Şuanda aklımda bunlar var ve şimdilik bahsedebileceğim bunlar. Umarım size fayda sağlar ve profesyonel tasarımlar ile karşımıza çıkarsınız.
Muhattabım sadece siz değil bu yazıyı okuyan herkestir. Her şey gönlünüzce olsun…
Not : RoundRect, CalloutRectangle, panel gibi bileşenleri tasarımsal olarak önermiyorum. TRectangle fazlasıyla yeterlidir…
"WALL- E"
Cevapla
#3
Mr. Developer Kardeşim,

Ben sadece liste istedim; zahmet edip her biri için ayrıntı da vermişsiniz. Süper oldu; çok teşekkürler.
Bunlara bakacağım; TRectangle'ı sözgelimi radiobutton gibi ya da TlistView yerine nasıl kullanılacağını tasavvur edemedim şimdi (yani ekstra kod yazmadan).
Mesela TRadiobutton, TGroupbox ile kullanılıyordu ki biri seçildiğinde diğeri otomatik deactive olsun (single select). Yanyana birden fazla TRectangle kullanıldığında hepsinin OnClick'inden çağrılacak bir prosedür ile diğerlerini deactive etmek (mesela rengini, bevel'i değiştirmek vs.) gibi bir yaklaşım mı? Yoksa daha "doğal" bir yol var mı?

TListBox, TComboBox - bunlar benim eski dostlarımdı; "ilkel" demiyelim ne olur; 25 senelik hukukumuz var Smile

Konuya katkıları bekliyoruz o zaman
sevgiler,
Cevapla
#4
Ne demek yardım edebileceğim konu olduğunda elimden geleni yapmaya çalışırım elbette.
TRectangle elbette esas görevi listelemek ya da seçim yaptırmak olan bileşenlerin özelliklerini direkt olarak sunmaz. Zaten adından da anlaşılacağı üzere bir geometrik şekilden ibaret kendisi.
Onu diğer bileşenlerin alternatifi yapan event’larıdır sanırım.
Buradaki temel husus tamamen görsellik üzerine ; kodsuz bir şekilde elbette onların yerine kullanılamaz. Ama kodlar vasıtasıyla onlardan çok daha iyi işler ortaya koyarlar düşüncesindeyim. Nitekim kendim kullandığım için bunları diyebiliyorum.
Bahsini ettiğiniz kullanım şekli OnClick olayları ile elbette. Şimdilik doğal bir yolu var mıdır bilmiyorum ama olsaydı diğer bileşenler zaten olmazdı düşüncesindeyim.
Sonra delphi gibi bir dilde radiobutton bile yok falan denmesi acayip kaçardı Smile
Birazdan ya da yetiştirebildiğim zaman burada temel olarak sadece TRectangle kullanarak tasarımlar oluşturup paylaşacağım. Yada mevcut olan uygulamalarımın ekran görüntülerini ekleyeceğim. Yazımın hakkını vermeyi isterim. Blush
Listview gibi listeleme bileşenlerinin yerine kullanmak için tasarım anında değil kod tarafında bileşen ( TRectangle ) oluşturarak kullanılabilir. Ne kadar pratiktir orası tecrübesi olanların söyleyeceği kısım. Ama uğraşlarınızın sonucu pratikliği unutturacaktır eminim.
25 yıl… Ben bir ayağa kalkayım  Smile
"WALL- E"
Cevapla
#5
Merhaba,
Elimden geldiğince karşılaştırarak tasarım yapmaya çalıştım. herşey sizin beğeninize kalmış.
birisinde sadece rectangle diğerinde ise panel, checkbox ve style dosyası kullandım. gönül isterdi ki tavsiye etmediğim her bileşeni bu şekilde anlatayım ama işler hep beklendiği gibi olmuyor.

   
   

Proje dosyasını indir
.zip   delphican tasarim.zip (Dosya Boyutu: 833,18 KB / İndirme Sayısı: 19)

Ayırca dün dile getirmeyi unuttuğum bir hususa daha değinmek istiyorum ;
Uygulamalarda görsel olarak geri tuşu kullanılmasını da önermiyorum. gesture manager kullanmak ve parmak hareketleri ile sayfa geçişleri yapmak çok daha uygun olacaktır.
hem de arayüzü daha verimli ve sade halde tutmuş olacaksınızdır.

Umarım fayda sağlamıştır...
"WALL- E"
Cevapla
#6
Smile 
@Mr.Developer  Birlikte yaptığımız onca uygulamada böyle tasarım niye göremedik  Smile
Muharrem ARSLAN
WWW
Cevapla
#7
(30-03-2020, Saat: 12:16)Mr.Developer Adlı Kullanıcıdan Alıntı: Merhaba,
Elimden geldiğince karşılaştırarak tasarım yapmaya çalıştım. herşey sizin beğeninize kalmış.
birisinde sadece rectangle diğerinde ise panel, checkbox ve style dosyası kullandım. gönül isterdi ki tavsiye etmediğim her bileşeni bu şekilde anlatayım ama işler hep beklendiği gibi olmuyor.




Proje dosyasını indir

Ayırca dün dile getirmeyi unuttuğum bir hususa daha değinmek istiyorum ;
Uygulamalarda görsel olarak geri tuşu kullanılmasını da önermiyorum. gesture manager kullanmak ve parmak hareketleri ile sayfa geçişleri yapmak çok daha uygun olacaktır.
hem de arayüzü daha verimli ve sade halde tutmuş olacaksınızdır.

Umarım fayda sağlamıştır...

Elinize saglik. Listbox ile ilgilide bir ornek gonderebilir misiniz?
Cevapla
#8
(30-03-2020, Saat: 12:22)klavye Adlı Kullanıcıdan Alıntı:
(30-03-2020, Saat: 12:16)Mr.Developer Adlı Kullanıcıdan Alıntı: Merhaba,
Elimden geldiğince karşılaştırarak tasarım yapmaya çalıştım. herşey sizin beğeninize kalmış.
birisinde sadece rectangle diğerinde ise panel, checkbox ve style dosyası kullandım. gönül isterdi ki tavsiye etmediğim her bileşeni bu şekilde anlatayım ama işler hep beklendiği gibi olmuyor.




Proje dosyasını indir

Ayırca dün dile getirmeyi unuttuğum bir hususa daha değinmek istiyorum ;
Uygulamalarda görsel olarak geri tuşu kullanılmasını da önermiyorum. gesture manager kullanmak ve parmak hareketleri ile sayfa geçişleri yapmak çok daha uygun olacaktır.
hem de arayüzü daha verimli ve sade halde tutmuş olacaksınızdır.

Umarım fayda sağlamıştır...

Elinize saglik. Listbox ile ilgilide bir ornek gonderebilir misiniz?

Teşekkür ederim hocam. Elbette.
Sadece ekran görüntüsü ;

   
"WALL- E"
Cevapla
#9
(29-03-2020, Saat: 20:54)Mr.Developer Adlı Kullanıcıdan Alıntı: Merhaba,
Bu sorunun sorulmasıyla birlikte onlarca yazılımcının özellikle tasarım konusundaki bakış açılarını bilmek görmek duymak çok güzel olur.
 
Delphi’de sadece mobil üzerine uygulamalar ve uygulama tasarımları gerçekleştiren birisiyim. Bu sorunuzu cevaplamaktan büyük mutluluk duyacağım.
 
Size tasarımsal olarak önerilerim ise ;
TLayout : Her uygulamamda ve her yeni projede form’a eklediğim ilk bileşendir.
Kullanma sebebim ise, uygulama arayüzüne ekleyeceğim tüm görsel bileşenleri taşımakta zorlanmamak, Örneğin 3 form’dan oluşan bir uygulamam olduğunu varsayarsak ( olmaz da ) yeni tasarımda ise tabcontrol kullanmak istediğimde tabcontrol’lere aktarmak bu sayede çok basit oluyor. Veyahut uygulama ekranında popup şekilde göstermek. Ya da uygulamanıza, uygulama içi ekran görüntüsü alma özelliği eklemek istediğiniz de  Blush
 tasarım değişikliğine gitmek istediğiniz de daha kolay anlayacaksınızdır önemini.
 
TGridPanelLayout : arayüzdeki nesnelerin telefon tablet gibi büyük veya küçük ekranlarda uyumunu sağlamak için kullanabileceğiniz bir bileşen. Görsel bileşenlerin tek tek align, anchors gibi özellikleri ile uğraşmak istemiyorsanız kullanabilirsiniz.
 
TRectangle : Geldik en sevdiğim bileşene… mobil uygulama yapıp da bunu kullanmıyorsanız ciddi anlamda tasarımsal kısıtlamalara maruz kalırsınız ve profesyonel tasarımlar ortaya koyamazsınız.
Button, checkbox, radiobutton,speedbutton, switch, image gibi ve bu işlevleri gören tüm diğer bileşenlerin yerine kullanabileceğiniz efsane bir bileşendir.
Profesyonel bir uygulama tasarlamak için olmazsa olmazdır.
Buttonlar, style dosyaları bile kullanıyor olsanız size istenilen mükemmelliyeti sunamazlar. Stlye dosyasının size sunduğunun dışına çıkamazsınız.
Checkbox’lar, radiobutton’lar, switch’ler modern bir arayüze sahip uygulamalar için tarihi eser niteliğindedir. Özellikle de yan menü kullanmayı akıl bile etmeyin. TRectangle her konuda size mükemmel sonuçlar verir. ( hadi canım sende demeyin gerçekten kullanınca işler değişiyor Smile  )
İmage bileşeninin yerine rahatlıkla olmasa da kullanılır. Eğer resim sabit pixsellere sahipse kavisli köşeleri olan bir minik image’e rahatlıkla dönüştürülebilir bu da gerçekten şık bir arayüz sunar.
Switch kullanan kişilere üşengeç gözüyle bakıyorum. Checkbox ve radiobutton da da öyle.
Rectangle ile özel switch, checkbox ya da radiobutton rahatlıkla ve daha modern şekilde yapılabilir.
 
TEdit : Bahsetmeme gerek yok fakat önerim şudur ki, alt kısımdaki arka plan çizgisini yok ettiğiniz de TRectangle ile mükemmel ikili oluyorlar  Blush
 
TCircle : TRectangle ile kullanıldığında çok hoş giriş ekranları ya da kullanıcı profil ekranları tasarlanabilir.
 
TAniIndicator : kullanmayı pek sevmesem de işlemlerde bekletme ekranı olarak kullanmak için idealdir. Harici bileşenlerden bulup kullanın. Daha fazla özelleştirilebilirler. Dahili olanın yerine “Bekleyin” yazısı yazmak bunu yine Trectangle ile tasarlamak daha cazip ve hoş. ( nitekim ben öyle yapıyorum )
 
TListbox : verileri uğraşmadan listelemekte çok yardımcı olsa da yukarıda saydığım bileşenlerle oluşturduğunuz uygulamaya yakışmayacaktır. Bunun yerine yine Trectangle kullanmak uğraştıcı olsa da  mantıklıdır. Whatsapp, telegram gibi uygulamaların sohbet ekranı gibi baloncuklar oluşturarak verileri modern şekilde listeleyebilirsiniz. Nitekim ben öyle yapıyorum.
 
Tlistview : Listbox’dan daha fazla özelleştirme sunsa da yine modern arayüzler için üzerinde çok uğraşılmadığı taktirde uygun değildir. O kadar çabaya gerek kalmadan yine Trectangle işlerinizi görecektir.
 
Tcombobox : Yine ilkel bir bileşen…  ve yine TRectangle ile muhteşem seçim panelleri yapabilirsiniz.
 
Yazı Trectangle sponsorluğunda yazılmış gibi farkındayım ama hakkını vermek lazımdı.  Blush
Kullanmanızı önermediğim bileşenleri de söyleme sebebim Trectangle’ın önemini vurgulamaktı.
Şuanda aklımda bunlar var ve şimdilik bahsedebileceğim bunlar. Umarım size fayda sağlar ve profesyonel tasarımlar ile karşımıza çıkarsınız.
Muhattabım sadece siz değil bu yazıyı okuyan herkestir. Her şey gönlünüzce olsun…
Not : RoundRect, CalloutRectangle, panel gibi bileşenleri tasarımsal olarak önermiyorum. TRectangle fazlasıyla yeterlidir…

Bizimle düşünce ve görüşlerinizi paylaştığınız için çok teşekkür ederim. bende yazdıklarınızdan bir kısmını kullanıyorum o yüzden daha farklı bir şey yazamayacağım. yeterli olacağını düşünüyorum.
Cevapla
#10
(31-03-2020, Saat: 10:15)Bay_Y Adlı Kullanıcıdan Alıntı:
(29-03-2020, Saat: 20:54)Mr.Developer Adlı Kullanıcıdan Alıntı: Merhaba,
Bu sorunun sorulmasıyla birlikte onlarca yazılımcının özellikle tasarım konusundaki bakış açılarını bilmek görmek duymak çok güzel olur.
 
Delphi’de sadece mobil üzerine uygulamalar ve uygulama tasarımları gerçekleştiren birisiyim. Bu sorunuzu cevaplamaktan büyük mutluluk duyacağım.
 
Size tasarımsal olarak önerilerim ise ;
TLayout : Her uygulamamda ve her yeni projede form’a eklediğim ilk bileşendir.
Kullanma sebebim ise, uygulama arayüzüne ekleyeceğim tüm görsel bileşenleri taşımakta zorlanmamak, Örneğin 3 form’dan oluşan bir uygulamam olduğunu varsayarsak ( olmaz da ) yeni tasarımda ise tabcontrol kullanmak istediğimde tabcontrol’lere aktarmak bu sayede çok basit oluyor. Veyahut uygulama ekranında popup şekilde göstermek. Ya da uygulamanıza, uygulama içi ekran görüntüsü alma özelliği eklemek istediğiniz de  Blush
 tasarım değişikliğine gitmek istediğiniz de daha kolay anlayacaksınızdır önemini.
 
TGridPanelLayout : arayüzdeki nesnelerin telefon tablet gibi büyük veya küçük ekranlarda uyumunu sağlamak için kullanabileceğiniz bir bileşen. Görsel bileşenlerin tek tek align, anchors gibi özellikleri ile uğraşmak istemiyorsanız kullanabilirsiniz.
 
TRectangle : Geldik en sevdiğim bileşene… mobil uygulama yapıp da bunu kullanmıyorsanız ciddi anlamda tasarımsal kısıtlamalara maruz kalırsınız ve profesyonel tasarımlar ortaya koyamazsınız.
Button, checkbox, radiobutton,speedbutton, switch, image gibi ve bu işlevleri gören tüm diğer bileşenlerin yerine kullanabileceğiniz efsane bir bileşendir.
Profesyonel bir uygulama tasarlamak için olmazsa olmazdır.
Buttonlar, style dosyaları bile kullanıyor olsanız size istenilen mükemmelliyeti sunamazlar. Stlye dosyasının size sunduğunun dışına çıkamazsınız.
Checkbox’lar, radiobutton’lar, switch’ler modern bir arayüze sahip uygulamalar için tarihi eser niteliğindedir. Özellikle de yan menü kullanmayı akıl bile etmeyin. TRectangle her konuda size mükemmel sonuçlar verir. ( hadi canım sende demeyin gerçekten kullanınca işler değişiyor Smile  )
İmage bileşeninin yerine rahatlıkla olmasa da kullanılır. Eğer resim sabit pixsellere sahipse kavisli köşeleri olan bir minik image’e rahatlıkla dönüştürülebilir bu da gerçekten şık bir arayüz sunar.
Switch kullanan kişilere üşengeç gözüyle bakıyorum. Checkbox ve radiobutton da da öyle.
Rectangle ile özel switch, checkbox ya da radiobutton rahatlıkla ve daha modern şekilde yapılabilir.
 
TEdit : Bahsetmeme gerek yok fakat önerim şudur ki, alt kısımdaki arka plan çizgisini yok ettiğiniz de TRectangle ile mükemmel ikili oluyorlar  Blush
 
TCircle : TRectangle ile kullanıldığında çok hoş giriş ekranları ya da kullanıcı profil ekranları tasarlanabilir.
 
TAniIndicator : kullanmayı pek sevmesem de işlemlerde bekletme ekranı olarak kullanmak için idealdir. Harici bileşenlerden bulup kullanın. Daha fazla özelleştirilebilirler. Dahili olanın yerine “Bekleyin” yazısı yazmak bunu yine Trectangle ile tasarlamak daha cazip ve hoş. ( nitekim ben öyle yapıyorum )
 
TListbox : verileri uğraşmadan listelemekte çok yardımcı olsa da yukarıda saydığım bileşenlerle oluşturduğunuz uygulamaya yakışmayacaktır. Bunun yerine yine Trectangle kullanmak uğraştıcı olsa da  mantıklıdır. Whatsapp, telegram gibi uygulamaların sohbet ekranı gibi baloncuklar oluşturarak verileri modern şekilde listeleyebilirsiniz. Nitekim ben öyle yapıyorum.
 
Tlistview : Listbox’dan daha fazla özelleştirme sunsa da yine modern arayüzler için üzerinde çok uğraşılmadığı taktirde uygun değildir. O kadar çabaya gerek kalmadan yine Trectangle işlerinizi görecektir.
 
Tcombobox : Yine ilkel bir bileşen…  ve yine TRectangle ile muhteşem seçim panelleri yapabilirsiniz.
 
Yazı Trectangle sponsorluğunda yazılmış gibi farkındayım ama hakkını vermek lazımdı.  Blush
Kullanmanızı önermediğim bileşenleri de söyleme sebebim Trectangle’ın önemini vurgulamaktı.
Şuanda aklımda bunlar var ve şimdilik bahsedebileceğim bunlar. Umarım size fayda sağlar ve profesyonel tasarımlar ile karşımıza çıkarsınız.
Muhattabım sadece siz değil bu yazıyı okuyan herkestir. Her şey gönlünüzce olsun…
Not : RoundRect, CalloutRectangle, panel gibi bileşenleri tasarımsal olarak önermiyorum. TRectangle fazlasıyla yeterlidir…

Bizimle düşünce ve görüşlerinizi paylaştığınız için çok teşekkür ederim. bende yazdıklarınızdan bir kısmını kullanıyorum o yüzden daha farklı bir şey yazamayacağım. yeterli olacağını düşünüyorum.
Ne demek rica ederim.
Düşüncenizi paylaşmanıza vesile olduysam cümlemin başında dediğimi gerçekleştirmişim demektir  Blush
"WALL- E"
Cevapla


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Uzun zamandır kullanılan programın açılmaması 10.Köy 15 6.831 31-10-2016, Saat: 09:47
Son Yorum: 10.Köy



Konuyu Okuyanlar: 1 Ziyaretçi