Làm cách nào để chuyển đổi thiết kế PSD thành Android xml?

Question

Tôi đã từng đùa giỡn với các ứng dụng android trong vài ngày qua và dường như không thể xoay quanh toàn bộ giao diện người dùng và bố cục phát triển.

Tôi đã lập trình Java trong năm qua vì vậy tôi khá quen thuộc với ngôn ngữ và tôi đã kết thúc trước khi phát triển CSS trong một vài năm nay nhưng tôi dường như có thể thực hiện chuyển đổi.

Nếu bất kỳ ai cũng có thể chỉ cho tôi một số tài nguyên trực tuyến tuyệt vời.

Cảm ơn rất nhiều

Answer 1

Nó thực sự đơn giản như cách bạn đã thực hiện nó cho HTML. Mọi thứ đều giống nhau ngoại trừ việc bạn phải viết CSS trong xml. Có những thứ gọi là nội dung bọc, điền vào phụ huynh và như vậy. Bạn nên sử dụng chúng một cách thích hợp. để kiểm tra nếu bạn có một nút với một nền gradient trong PSD của bạn, sau đó cắt nó và sử dụng một ImageButton và gán hình ảnh thái lát cho nút hình ảnh. Ngay cả văn bản, chỉ cần có được màu sắc, kích thước .. và tìm một cái gì đó tại XML mà làm điều đó. Hãy xem mã dưới đây.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent" 
       android:orientation="vertical" > 
    <TextView android:id="@+id/text" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Hello, I am a TextView" /> 
    <Button android:id="@+id/button" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Hello, I am a Button" /> 
</LinearLayout> 

LinearLayout sẽ sắp xếp cột đơn con hoặc một hàng duy nhất. Bây giờ nó là một cột đơn vì định hướng là dọc. Nếu bạn làm nó ngang thì một hàng của nó. Tương tự, hãy xem RelativeLayout tương tự với vị trí tương đối trong html. Để thay đổi nền, bạn có thể sử dụng android:background="color value here". Không có giới hạn kỹ thuật ở đây. Bạn sẽ nhận được padding và margin là tốt. Chỉ cần bắt đầu với bố cục xml. Làm điều đó bằng cách quan sát PSD. Tôi chắc chắn rằng trải nghiệm CSS của bạn sẽ nổi bật. Tất cả là tốt nhất.