thiết kế Vật liệu

Question

Có thể ai đó cho tôi một ý tưởng làm thế nào để bắt đầu triển khai dọc, kiểm soát bước phi tuyến tính mô tả trong hướng dẫn Android Chất liệu thiết kế ở đây:

http://www.google.com/design/spec/components/steppers.html

Answer 1

bạn có thể kiểm tra library này, tuy nhiên điều này vẫn đang trong quá trình phát triển.

chỉ cần mở rộng lớp mobileStepperSimple và triển khai các phương thức init, onFinished.

bạn có thể thêm các động cơ bước như mảnh vỡ bằng cách mở rộng stepperFragment và thực hiện onNextButtonHandler để xử lý nút bên cạnh nhấp chuột.

kiểm tra demo để biết thêm sử dụng.

mọi đóng góp và tối ưu hóa sẽ hữu ích.

Answer 2

Tôi đã tìm thấy thư viện có tên có thể khắc phục sự cố của bạn để tùy chỉnh Android Stepper.

Để bao gồm thư viện trong dự án của bạn, trước hết phải thêm nó qua Gradle:

dependencies { 
    compile 'com.ernestoyaquello.stepperform:vertical-stepper-form:0.9.9' 
} 

Bây giờ, bạn cần phải thêm một cái nhìn VerticalStepperFormLayout để bố trí hoạt động của bạn, mà sẽ chứa các bước dọc hình thức. Vì mục đích thiết kế, chúng tôi khuyên bạn không nên đặt bất kỳ điều gì khác ngoài chế độ xem này trong bố cục hoạt động của bạn (xem mã bên dưới).

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" android:layout_height="match_parent" 
    tools:context=".StepperExampleActivity"> 
    <ernestoyaquello.com.verticalstepperform.VerticalStepperFormLayout 
     android:id="@+id/vertical_stepper_form" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_alignParentTop="true"/> 
</RelativeLayout> 

Trong onCreate(), bạn sẽ cần phải tìm ra xem và khởi tạo các hình thức:

private VerticalStepperFormLayout verticalStepperForm; 
... 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.your_activity_layout); 

    String[] mySteps = {"Name", "Email", "Phone Number"}; 
    int colorPrimary = ContextCompat.getColor(getApplicationContext(), R.color.colorPrimary); 
    int colorPrimaryDark = ContextCompat.getColor(getApplicationContext(), R.color.colorPrimaryDark); 

    // Finding the view 
    verticalStepperForm = (VerticalStepperFormLayout) findViewById(R.id.vertical_stepper_form); 

    // Setting up and initializing the form 
    VerticalStepperFormLayout.Builder.newInstance(verticalStepperForm, mySteps, this, this) 
     .primaryColor(colorPrimary) 
     .primaryDarkColor(colorPrimaryDark) 
     .displayBottomNavigation(true) // It is true by default, so in this case this line is not necessary 
     .init(); 

    ... 

}