Các bản vá hiện có cho tabwidget của Android để cho phép các tab ở phía bên trái?

Question

Chủ lao động của tôi đang giúp tôi làm việc trên một ứng dụng Android với các yêu cầu giao diện người dùng rất cụ thể. Cụ thể, chúng ta cần một giao diện trông giống hệt như giao diện TabWidget. Tuy nhiên, có các tab ở phía bên trái là phải tuyệt đối. Chúng tôi sẽ không triển khai ứng dụng này cho bất kỳ điện thoại Android nào, ứng dụng này dành cho thiết bị trong nhà và do đó không có bất kỳ vấn đề nào vi phạm bất kỳ cân nhắc thiết kế nào mà nền tảng Android có thể có.

Chúng tôi đã có một mẫu thử nghiệm hoạt động có thể kết hợp với nhau chức năng mà chúng tôi cần bằng cách kết hợp giữa người nghe tập trung và chế độ xem danh sách. Nó không đẹp, và chúng tôi không tự tin lắm, nhưng nó vẫn hoạt động trong thời gian này.

Điều chúng tôi thực sự muốn là bỏ tất cả mã UI mẫu của mình ra để đổi lấy việc sử dụng TabWidget được tích hợp sẵn. Tuy nhiên, vì TabWidget được mã hóa cứng để chỉ hoạt động với các tab ở trên cùng, đây thực sự không phải là một tùy chọn. Vì vậy, chúng tôi hy vọng rằng một người nào đó ở đó có một bản vá, hoặc tập hợp các bản vá lỗi, hoặc có lẽ là một lớp tùy chỉnh, xử lý chức năng TabWidget với các tab ở bên cạnh chứ?

Mã liên quan cho TabWidget là ở đây: http://www.google.com/codesearch/p?hl=en#uX1GffpyOZk/core/java/android/widget/TabWidget.java&q=android%20package:git://android.git.kernel.org%20lang:java%20tabwidget&sa=N&cd=1&ct=rc

và chức năng cụ thể mà là hardcoded cho là các tab trên đầu trang là

private void initTabWidget() { 
    setOrientation(LinearLayout.HORIZONTAL); 
    mGroupFlags |= FLAG_USE_CHILD_DRAWING_ORDER; 

    final Context context = mContext; 
    final Resources resources = context.getResources(); 

    if (context.getApplicationInfo().targetSdkVersion <= Build.VERSION_CODES.DONUT) { 
     // Donut apps get old color scheme 
     if (mLeftStrip == null) { 
      mLeftStrip = resources.getDrawable(
        com.android.internal.R.drawable.tab_bottom_left_v4); 
     } 
     if (mRightStrip == null) { 
      mRightStrip = resources.getDrawable(
        com.android.internal.R.drawable.tab_bottom_right_v4); 
     } 
    } else { 
     // Use modern color scheme for Eclair and beyond 
     if (mLeftStrip == null) { 
      mLeftStrip = resources.getDrawable(
        com.android.internal.R.drawable.tab_bottom_left); 
     } 
     if (mRightStrip == null) { 
      mRightStrip = resources.getDrawable(
        com.android.internal.R.drawable.tab_bottom_right); 
     } 
    } 

    // Deal with focus, as we don't want the focus to go by default 
    // to a tab other than the current tab 
    setFocusable(true); 
    setOnFocusChangeListener(this); 
} 

Nếu ai có bất kỳ thông tin, tôi muốn được nhiều có nghĩa vụ .

Answer 1

Tôi gặp vấn đề này với các tab ở dưới cùng. Tôi đã kết thúc chỉ cần sao chép tất cả các nền drawables tab và làm cho các nút với drawful stateful và textcolor trông giống như các tab mà kiểm soát một ViewFlipper trong cửa sổ giao diện người dùng chính để chuyển đổi giữa các quan điểm.

Answer 2

(Lưu ý rằng tôi đã thêm một câu trả lời tốt hơn tiếp tục xuống, qua đường. Tôi đi đây một đầu này ở trong trường hợp nhu cầu tốt hơn phù hợp của người khác.)

Yeah, tôi đã được giao dịch với cùng một vấn đề. Tôi có một giải pháp hơi phức tạp. Tôi nhận thấy rằng bạn có thể xoay khá nhiều bất kỳ Chế độ xem nào với setRotate. Thật không may, điều này chỉ quay hình ảnh của nó, hoặc một cái gì đó, và không hoàn toàn đối phó với các vấn đề hoặc vị trí hoặc kích thước hoặc sự liên kết. Mặc dù vậy, tôi đã xoay xở để gom lại một thứ gì đó mà bù đắp cho nó, mặc dù nó chỉ được thực hiện một nửa (không hoàn toàn hoạt động đúng nếu bạn xoay sang hướng dọc). Sau đây được gọi là bất cứ khi nào máy tính bảng được xoay hoặc bố cục được sắp xếp lại hoặc bất kỳ thứ gì.

private LinearLayout llMain; 
private LinearLayout ll1; 
private LinearLayout mainView; 
private TabHost myTabHost; 

public void setStuff() { 
    Display display = ((WindowManager) getSystemService(WINDOW_SERVICE)).getDefaultDisplay(); 
    if (display.getOrientation() == 0 || display.getOrientation() == 2) { 
     ViewGroup.LayoutParams lp = myTabHost.getLayoutParams(); 
     int top = 0; 
     int left = 0; 
     int height = 696; 
     int width = 1280; 
     int centerx = (width/2) + left; 
     int centery = (height/2) + top; 
     lp.height = width; 
     lp.width = height; 
     myTabHost.setLayoutParams(lp); 
     myTabHost.setTranslationX(centerx - (height/2)); 
     myTabHost.setTranslationY(centery - (width/2)); 
     lp = mainView.getLayoutParams(); 
     lp.width = 1280; 
     lp.height = 696; 
     mainView.setLayoutParams(lp); 
     lp = llMain.getLayoutParams(); 
     lp.width = 1280; 
     lp.height = 696; 
     llMain.setLayoutParams(lp); 

     ll1.setRotation(-90); 
     lp = ll1.getLayoutParams(); 
     lp.height = 696; 
     lp.width = 1141; 
     ll1.setLayoutParams(lp); 
     left = 0; 
     top = 0; 
     height = 696; 
     width = 1141; 
     centerx = (width/2) + left; 
     centery = (height/2) + top; 
     ll1.setTranslationX(centery - (width/2)); 
     ll1.setTranslationY(centerx - (height/2)); 
     //ll1.setTranslationX(tx); 
     //ll1.setTranslationY(ty); 
    } else { 
     ViewGroup.LayoutParams lp = myTabHost.getLayoutParams(); 
     int top = 0; 
     int left = 0; 
     int height = 1280; 
     int width = 696; 
     int centerx = (width/2) + left; 
     int centery = (height/2) + top; 
     lp.height = width; 
     lp.width = height; 
     myTabHost.setLayoutParams(lp); 
     myTabHost.setTranslationX(centerx - (height/2)); 
     myTabHost.setTranslationY(centery - (width/2)); 
     lp = mainView.getLayoutParams(); 
     lp.width = 696; 
     lp.height = 1280; 
     mainView.setLayoutParams(lp); 
     lp = llMain.getLayoutParams(); 
     lp.width = 696; 
     lp.height = 1280; 
     llMain.setLayoutParams(lp); 

     ll1.setRotation(-90); 
     lp = ll1.getLayoutParams(); 
     lp.height = 1141; 
     lp.width = 696; 
     ll1.setLayoutParams(lp); 
     left = 0; 
     top = 0; 
     height = 1141; 
     width = 696; 
     centerx = (width/2) + left; 
     centery = (height/2) + top; 
     ll1.setTranslationX(centery - (width/1)); 
     ll1.setTranslationY(centerx - (height/1)); 
     //ll1.setTranslationX(tx); 
     //ll1.setTranslationY(ty); 
    } 
} 

@Override 
public void onConfigurationChanged(Configuration newConfig) { 
    super.onConfigurationChanged(newConfig); 
    setStuff(); 
    //setContentView(R.layout.main); 
} 

llMain chứa mainView chứa myTabHost chứa ll1; bạn sẽ cần phải gán chúng như vậy trong mã khởi tạo. Ý tưởng là các TabHost được xoay theo chiều kim đồng hồ, và kích thước của nó phải được đổi bằng tay để container của nó biết rằng đó là một kích thước khác nhau/hình dạng, bây giờ, nếu không các cạnh được cắt bỏ. Ngoài ra, một số tính toán được thực hiện để nó được xoay quanh điểm đúng, hoặc ít nhất là kết thúc ở đúng nơi. Kết quả không phải lúc nào cũng hợp lý, vì vậy tôi chỉ thay đổi nội dung cho đến khi nó hoạt động, ít nhất là ở chế độ ngang. Nội dung của TabHost cũng được xoay, do đó, có mã trong đó quay nó trở lại, ít nhất là tab đầu tiên, đó là ll1. Các tab khác sẽ cần phải được quay lại tương tự. Tôi rối tung với điều này một lúc, và có thể có một số thứ không cần thiết. Ví dụ, mainView. Tôi nghĩ rằng không cần phải ở đó. Oh, và nếu các TabHost là ở một nơi khác, các con số sẽ cần phải được điều chỉnh bằng cách nào đó. Chúc may mắn với điều đó. Dù sao, tôi hy vọng điều này sẽ giúp ai đó. Người đàn ông, Android GUI rất trầm trọng ... Tôi ước họ sẽ sửa nó ....Tuy nhiên, tôi sẽ thừa nhận rằng mặc dù tất cả các chướng ngại vật và thất vọng, sự xoay vòng của bất kỳ thành phần nào là khá thú vị. Tôi chỉ muốn mọi thứ khác hoạt động như bạn mong đợi.

---

Xin chào, tôi đã tìm ra cách làm cho nó hoạt động đúng cách! Các nhãn nằm ngang, do đó, có thể hoặc không phải là một điều tốt, tùy thuộc vào những gì bạn muốn, nhưng anyway:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 
    <TabHost android:id="@android:id/tabhost" android:layout_width="match_parent" android:layout_height="match_parent"> 
     <LinearLayout android:id="@+id/linearLayout1" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> 
      <FrameLayout android:layout_width="fill_parent" android:layout_height="match_parent" android:layout_weight="1" android:id="@android:id/tabcontent"></FrameLayout> 
      <ScrollView android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:fillViewport="true" 
       android:scrollbars="none">   
       <TabWidget android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:id="@android:id/tabs"></TabWidget> 
      </ScrollView> 
     </LinearLayout> 
    </TabHost> 

</LinearLayout> 

Tệp XML này xác định một tabhost trống với các tab ở bên phải. Chỉ cần thêm các tab trong mã của bạn; có những bài viết xung quanh cho điều đó. Sao chép/thay đổi/làm bất cứ điều gì bạn cần làm để làm cho nó phù hợp với nhu cầu của bạn. Ngoài ra, vì nó thật tuyệt, tôi đã thêm một chế độ xem cuộn xung quanh tabwidget, vì vậy nó sẽ tự động cho phép cuộn nếu bạn có quá nhiều tab. Loại bỏ nó nếu bạn không muốn nó. Có điều cuộn chủ yếu là từ http://java.dzone.com/articles/scrolling-tabs-android. Yay!