2010-04-20 30 views
30

Có thể tạo kiểu cho Android Tabhost giống như của iPhone không? Nếu không, có bất kỳ mã nguồn mở nào có thể hiển thị cách tạo Tab dưới cùng cho Android không?Android - phong cách iphone tabhost

alt text http://images.appshopper.com/screenshots/305/690205_2.jpgalt text

+22

Có điều gì sai trái với các tab hệ thống, khác hơn rằng họ không giống như các tab iPhone? Tại sao buộc người dùng của bạn tìm hiểu các tiêu chuẩn giao diện người dùng của một nền tảng khác nhau, chỉ dành cho nó? Người dùng Android đã biết cách tương tác với các tab Android. Đừng phá vỡ kỳ vọng của họ không có lý do; nó sẽ làm cho ứng dụng của bạn ít sử dụng được hơn. –

+14

@Yoni. Có, tôi muốn các tab dưới cùng vì tôi dự định có nút "Quay lại" ở trên cùng. Bên cạnh những gì bạn có ý nghĩa của "Tại sao buộc người dùng của bạn để tìm hiểu các tiêu chuẩn giao diện người dùng của một nền tảng khác nhau"? Nếu bất kỳ ai sử dụng giao diện người dùng khác, đó chính là Google. Hãy xem "Android Market", "Google Finance" v.v. Giao diện người dùng là gì? Tôi có nghĩa là tabHost hoặc ListView đang được sử dụng trong "Android Market"? –

+1

Android Market IMO sử dụng RadioGroup là "Tab" –

Trả lời

15

Bạn sẽ cần phải xây dựng điều khiển này cho mình. vài lựa chọn:

  • sử dụng RadioGroup và đưa nút radio tùy chỉnh đó và tùy chỉnh địa ngục của nó.

  • tạo điều khiển này từ đầu, kế thừa từ một trong các bố cục (Khung, Tương đối, Tuyến tính) và tạo hành vi bạn cần.

  • Bạn cũng có thể tận TabHost src, và sử dụng nó như một cơ sở cho kiểm soát của bạn

+0

bạn có thể tìm thấy ví dụ về cách sử dụng RadioGroup để thay thế Tab tại đây http://mokriya.com/blog/2011/02/13/custom-tabs-in-android/ – anticafe

+0

liên kết @anticafe bị hỏng có thể bạn có bất kỳ liên kết demo nào khác cho cùng? – NIKHIL

+0

Bạn có thể xem https://github.com/makeramen/android-segmentedradiobutton để thay thế không? – anticafe

1

ảnh chụp màn hình của bạn có android 1.6. Phong cách. Nếu bạn đang sử dụng một tabhost trên một phiên bản mới hơn và chỉ cần đặt nó trên dưới cùng của màn hình nó sẽ trông rất giống phiên bản iphone.

Tôi sẽ không thay đổi nhiều ở giao diện người dùng của Android chỉ đơn giản là cung cấp cho nó một cái nhìn giống với giao diện iphone (cùng biểu tượng) và ở lại với phần còn lại trong phong cách android. Điều này sẽ làm cho ứng dụng trông quen thuộc với người dùng.

Để đạt được cùng giao diện cho các biểu tượng, chỉ cần sử dụng định nghĩa xml của bạn có thể vẽ được với trạng thái được chọn và trạng thái không được chọn của nút giống như trên iphone. Để đặt biểu tượng, hãy sử dụng phương thức setIndicator của tabspec.

Bạn có thể tạo kiểu tabhost bằng cách đặt nền hoặc kiểu cho tabwidget. Nhưng phần bên trong thực tế của tiện ích sẽ được vẽ phía trên phong cách và nền của bạn

69

Tôi khuyên bạn không nên thay đổi giao diện mặc định của các tab, bởi vì người dùng trên thiết bị Android có trải nghiệm người dùng riêng của họ và bạn sẽ phủ nhận trải nghiệm quá khứ đó, vì vậy đừng ép buộc họ học trải nghiệm tab mới (vì người dùng trên thiết bị di động quá lười biếng để học những điều mới mẻ, thường họ dựa vào trải nghiệm trước đây của họ.)

Xem thêm Pure Android để biết thêm.

Tuy nhiên, nếu bạn muốn tiếp tục, tôi đã tùy chỉnh các tab Android mặc định để trông giống như các tab iPhone. Thật đơn giản và có các thành phần ui Android tab mặc định (̶T̶a̶b̶H̶o̶s̶t̶, ̶T̶a̶b̶W̶i̶d̶g̶e̶t̶).

Download link: GitHub, Iphone-Tab-in-Android

mẫu này đã được nâng cấp để sử dụng TabLayoutViewPager

relavent entry Blog có thể được tìm thấy ở đây:

iPhone like Tabs in Android.

Ảnh chụp màn hình:

tabs at bottom screenshot

Tôi cũng đã cutomized tabhost để trông giống như Raised Center Tab.

Raised Center Screenshot

tải RaiseCenterTab, vui lòng vào đây GitHub: RaisedCenterTab.

+3

Tốt để có một giải pháp, nhưng không có lời giải thích và dự án GitHub có một tập tin zip? Atleast giải nén mã trên GitHub để nó có thể được đọc trực tuyến. – HRJ

+0

cũng ghét khi mọi người đặt các tệp zip lên github, đánh bại toàn bộ mục đích của github và có thể xem mã ngay tại đó. – Gubatron

+6

Guys! giải nén và thêm mã nguồn :) –

5

Bạn có thể xem xét: https://github.com/mta452/iTab

Điểm cộng của việc này là nó tự động làm hình ảnh định hình với độ dốc như iOS không.

Ảnh chụp màn hình:

Screenshot of iTab

Các vấn đề liên quan