Cách Custom Bo Tròn Cạnh ImageView Trong Android

Skip to main content

Cách custom bo tròn cạnh imageView trong android

Xin chào các Bạn. Hiện nay trong quá trình thiết kế giao diện ứng dụng cho Android mình thấy có rất nhiều Bạn gặp vấn đề trong việc bo tròn hình ảnh khi hiển thì. Nay mình mạo muội làm hẳn một bài để hướng dẫn các Bạn custom imageview theo kiểu bo tròn bằng XML. Và thực ra hiện nay mình thấy rất nhiều người hay hỏi làm sao bo tròn ở 4 góc cảu một hình ảnh trong quá trình thiết kế giao diện. Mà thực chất imageview không thể chỉnh sửa 4 góc được, Và cũng có nhiều cách để chính sửa như chỉnh sửa bitmap gốc, ghi đè hoặc cho ảnh gốc vào khung nhưng những cách đó thì luôn có một vấn đề sảy ra đó là "Automagically." Nhưng sau khi xem bài viết này của mình Bạn có thể bo tròn hình ảnh trong android trực tiếp bằng XML. Nào các bạn hãy cùng thức hiện với mình nhé. Hoặc có thể download soure code ở đây. 1. Đầu tiên bạn hãy tạo một dự án mới Khuyến khích tạo trên Android Sutdio nhé. 2. Trong thư mục / res / drawable các Bạn tạo cho mình một file XML tên tùy ý. Ở đây mình đặt là "frame.xml ". <?xml version="1.0" encoding="utf-8"?> <shape xmlns: android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <solid android:color="#00ffffff" /> <padding android:left="6dp" android:top="6dp" android:right="6dp" android:bottom="6dp" /> <corners android:radius="12dp" /> <stroke android:width="6dp" android:color="#000" /> </shape> Chú ý : 1. Dòng code này sẽ quyết định độ bo tròn của hình ảnh <corners android:radius="12dp" /> 2. Dòng này quyết định độ rộng đường bo tròn cái hình và màu cho đường đó <stroke android:width="6dp" android:color="#000" /> 3. Padding các Bạn có thể sét hoặc không nhé 4. Để có được demo thì mình cũng cần phải có 1 file ảnh demo. ở đây các Bạn coppy thẩy nó vào drawable-xhdpi luôn đi cho khỏe nhá. Ở đây mình sử dụng hình này làm demo. 4. Tại main_activity.xml mình sẽ có code như sau. Lưu ý, hình ảnh mình đưa vào hình gốc là vuông nha các Bạn. 5. Kết quả

Comments

  1. Bờm Kỹ SưDecember 22, 2015 at 5:26 AM

    Sau khi viết code bên custom_image rồi thì mình thêm ảnh nào cũng bo tròn phải không ạ..?Cái ảnh tên frame là ảnh nào sao không thấy hở bạn..?

    ReplyDeleteReplies
      Reply
  2. Bờm Kỹ SưDecember 23, 2015 at 10:05 AM

    Không được...Không thể được..

    ReplyDeleteReplies
    1. UnknownDecember 26, 2015 at 12:22 PM

      frame là cái code custom nha Bạn. Viết bài lộn tên :p

      DeleteReplies
        Reply
    2. Bờm Kỹ SưDecember 27, 2015 at 9:21 AM

      :) .. Mình thấy thắc mắc nên thử thử tùm lum rồi thay tên .XML vô.. Nó ra thật... :D Cảm ơn Lê Tú Blogger nhé..!

      DeleteReplies
        Reply
    3. UnknownDecember 28, 2015 at 4:57 AM

      Không có gì đâu Bạn, tại dạo này không ol thường xuyên nên ít thăm blog còn vài cái hay ho mà lười viết quá

      DeleteReplies
        Reply
    4. Bờm Kỹ SưDecember 28, 2015 at 9:39 AM

      Tiện đây Lê Tú cho mình hỏi cái này với ạ.. Mình bị lỗi như sau giờ vẫn chưa sửa được:Process 'command '/Library/Java/JavaVirtualMachines/jdk1.8.0_60.jdk/Contents/Home/bin/java'' finished with non-zero exit value 1Bạn giúp mình sửa lỗi này với..

      DeleteReplies
        Reply
    5. UnknownDecember 28, 2015 at 11:39 PM

      Rebuil lai project hoặc clean project lai di Ban.... nếu chưa được thử đọc 2 bài này nhéhttp://stackoverflow.com/questions/32164882/spring-boot-app-fails-to-bootrunhttp://stackoverflow.com/questions/33596377/errorexecution-failed-for-task-appdexdebug-after-dependency-is-placed-corre

      DeleteReplies
        Reply
    6. UnknownOctober 8, 2018 at 1:01 AM

      Sao mình làm như bạn nhưng vẫn bị hiển thị khung vuông nhỉ? Bạn có thể cho mình xin source code k ạ?

      DeleteReplies
        Reply
    7. UnknownJanuary 8, 2019 at 7:27 PM

      mình cxung khoog làm dc :( mình xin source code với ạ : [email protected]

      DeleteReplies
        Reply
    8. Reply
Add commentLoad more...

Post a Comment

Popular posts from this blog

Tối ưu ListView với Viewholder trong lập trình ứng dụng android.

Image Chào các Bạn. Hiện nay có rất nhiều Bạn học lập trình ứng dụng android, và ắt hẳn một ngày nào đó Bạn sẽ sử dụng ListView. và hiện nay trên các forum như Cộng đồng lập trình android việt nam hay các group facebook có rất nhiều thành viên than phiền vì tốc độ scroll quá chậm. vì vậy nên mình sẽ viết cho các Bạn bài này để hướng dẫn các Bạn tối ưu listview với Viewholder. ViewHolder là một phần quan trọng cuối cùng trong listview các Bạn cần phải biết. Với ViewHolder sẽ giúp các Bạn tối ưu listview hơn bằng cách giản thiểu mức tối số lần findviewbyid. và cũng như sẽ giúp các Bạn tùy chỉnh một View theo ý riêng của Bạn. Khi sử dụng ViewHolder các Bạn cần phải chú ý đến 2 phương thức đó là getTag(), và setTag() . Mục để giải thích 2 phương thức này thì mình sẽ nói như thế này, mục đích mà mình phải sử dụng ViewHolder là lưu lại Tất cả các giá trị trong một view trên một dòng của ListView hay một view nào đó nên khi mình sử dụng setTag() là mình sẽ lưu lại các giá trị của view đó, và ... Đọc thêm...

Lập trình android: Hướng dẫn custom toolbar trong android

Image Xin chào mọi người vừa rồi mình đã hướng dẫn sử dụng toolbar cơ bản trong android. Với bài viết ngày hôm nay mình sẽ hướng dẫn các Bạn custom toolbar. Nếu Bạn nào chưa biết sử dụng toolbar trong android như thế nào thì các Bạn có thể đọc lại bài viết. Bài Viết:   Toolbar trong lập trình android. Thực chất việc custom một toolbar vẫn sẽ sử dụng tới sự hỗ trợ của actionbar. Vì vốn dĩ nó là actionbar mà :) . Nào chúng ta cùng vào custom toolbar trong android làm cho nó xinh xinh hơn nhé. Thêm icon cho app và ẩn tên app. cái này có thể nói rất phổ biến. Đó là thay thế cái tên app bằng 1 icon nào đó. Để ẩn tên app các Bạn thực hiện code sau. getSupportActionBar().setDisplayShowTitleEnabled(false); Hiển thị một icon các Bạn thêm dòng code. getSupportActionBar().setIcon(R.drawable.home);   Thêm một button back ở trên thanh toolbar. Các Bạn thêm dòng code sau. getSupportActionBar().setDisplayHomeAsUpEnabled(true);   Custom menu cho toolbar nó sẽ cùng gần như của actio... Đọc thêm... Unknown Visit profile

Archive

  • 2016 4
    • January 4
  • 2015 19
    • December 19
      • 2 Phần mềm chia sẻ file giữa smartphone và máy tín...
      • Tôi mệt ...
      • Giải một số bài tập java cơ bản.
      • Share 100+ bài tập nâng cao kĩ năng code java
      • Tối ưu ListView với Viewholder trong lập trình ứng...
      • Lập trình android: Hiệu ứng khi xóa một item ra kh...
      • Lập trình android: Hướng dẫn custom toolbar trong ...
      • Lập trình android: Toolbar trong lập trình android.
      • Cách custom bo tròn cạnh imageView trong android
      • Những control cơ bản cần phải biết trong lập trình...
      • Hướng dẫn custom template cho blogspot, blogger.com
      • Hướng dẫn tạo blog cá nhân đơn giản với blogger.com
      • Thủ thuật cách chặn tin nhắn spam bán hàng online ...
      • Theme wordpress: Chia sẻ theme NewsOnline của Myth...
      • Còn yêu sao phải chia tay.
      • Lập trình android: Notification trong android
      • Những lưu ý quan trọng khi tự học lập trình Và Lập...
      • Đà lạt : Viết cho những buổi chiều lang thang
      • Coffe và cuộc sống
Show more

Labels

  • actionbar trong android
  • android
  • Animate the removal of a ListView item
  • animation xoa mot item trong listview
  • bai tap java
  • bitmap trong android
  • Blogger
  • các số nguyên thuộc đoạn [x
  • cách bo tròn góc imageview trong android
  • cách chặn tin nhắn bán hàng trên facebook
  • cach tao blog ve tinh chuan seo
  • chan tin nhan spam tren facebook
  • chia sẻ file
  • chia sẻ file giữa smartphone và laptop
  • chia sẻ file không cần cáp
  • chia tay
  • chinh sua giao dien blogspot
  • chinh sua Notification trong android
  • chinh sua toolbar trong android
  • coffe
  • custom imageview
  • custom menu actionbar
  • custom menu toolbar
  • custom template blogspot
  • custom toolbar in android
  • custom toolbar trong android
  • da lat
  • dap an bai tap java
  • download theme newsonline of mythemeshop
  • du lich da lat
  • facebook
  • getTag va setTag la gi
  • giai bai tap java
  • hiệu ứng làm mờ bitmap
  • hieu ung xoa item trong listview
  • hoc lap trinh android
  • huong dan tao blog với blogger
  • imageview in android
  • java co ban
  • làm mờ bitmap trong android
  • lap trinh android
  • Lập Trình Android
  • lap trinh android cho nguoi moi bat dau
  • lap trinh java
  • lập trình ứng dụng android
  • layout trong android
  • LinearLayout
  • mạng xã hội
  • newsonline
  • ngay tiep theo cua ngay hien tai nhap tu ban phím
  • nhung cotrol trong android
  • Notification trong android
  • remove item from listview adapter
  • remove item on listview
  • RenderScript
  • RenderScript la gi
  • Round corners on an Android ImageView
  • sống ảo
  • Spinner android
  • Spinner trong android
  • tâm lí giới trẻ
  • tao blog ca nha mien phi
  • tao blog ve tinh seo
  • template blogspot
  • template blogspot dep
  • theme tin tuc wordpress dep
  • Theme wordpress
  • theme wordpress mien phi
  • Thủ Thuật Internet
  • thu thuat internet hay
  • tinh ngay tiep theo
  • tối ưu listview với Viewholder
  • toolbar trong android
  • tu hoc lap trinh android
  • ứng dụng hay
  • Viewholder trong lập trình ứng dụng android
  • viewholder trong listview
  • y] cho trước
  • yeu
Show more

Report Abuse

Từ khóa » Bo Tròn ảnh Trong Android Studio