ดาวน์โหลด search dialog - search dialog ดาวน์โหลดซอร์สโค้ด

search dialog

ซอร์สโค้ดอื่น ๆ

1.0.0

ดาวน์โหลด

กล่องโต้ตอบการค้นหา

กล่องโต้ตอบการค้นหาที่ยอดเยี่ยมและปรับแต่งได้พร้อมตัวเลือกการค้นหาในตัว

การใช้งาน

ขั้นแรกให้เพิ่ม jitpack ให้กับไฟล์ build.gradle ของโปรเจ็กต์ของคุณ

 allprojects {
    repositories {
        .. .
        maven { url " https://jitpack.io " }
   	}
}

จากนั้นเพิ่มการพึ่งพาในไฟล์โมดูล build.gradle

 dependencies {
    implementation ' com.github.mirrajabi:search-dialog:1.2.4 '
}

การใช้งานที่เรียบง่าย

หากคุณต้องการใช้กล่องโต้ตอบการค้นหาแบบง่ายก่อนอื่น คุณต้องระบุรายการที่ค้นหาได้ เพื่อให้บรรลุเป้าหมายนี้ คุณควรใช้ Searchable ในโมเดลของคุณ

คุณสามารถดู SampleSearchModel เช่น:

 public class SampleSearchModel implements Searchable {
    private String mTitle ;

    public SampleSearchModel ( String title ) {
        mTitle = title ;
    }

    @ Override
    public String getTitle () {
        return mTitle ;
    }

    public SampleSearchModel setTitle ( String title ) {
        mTitle = title ;
        return this ;
    }
}

ตอนนี้สร้างตัวเลือกการค้นหาในกิจกรรมของคุณ:

    private ArrayList < SampleSearchModel > createSampleData (){
        ArrayList < SampleSearchModel > items = new ArrayList <>();
        items . add ( new SampleSearchModel ( "First item" ));
        items . add ( new SampleSearchModel ( "Second item" ));
        items . add ( new SampleSearchModel ( "Third item" ));
        items . add ( new SampleSearchModel ( "The ultimate item" ));
        items . add ( new SampleSearchModel ( "Last item" ));
        items . add ( new SampleSearchModel ( "Lorem ipsum" ));
        items . add ( new SampleSearchModel ( "Dolor sit" ));
        items . add ( new SampleSearchModel ( "Some random word" ));
        items . add ( new SampleSearchModel ( "guess who's back" ));
        return items ;
    }

จากนั้นคุณเพียงแค่ต้องเพิ่มบรรทัดด้านล่างที่คุณต้องการแสดงกล่องโต้ตอบ:

 new SimpleSearchDialogCompat ( MainActivity . this , "Search..." ,
                        "What are you looking for...?" , null , createSampleData (),
                        new SearchResultListener < SampleSearchModel >() {
                            @ Override
                            public void onSelected ( BaseSearchDialogCompat dialog ,
                                                   SampleSearchModel item , int position ) {
                                // If filtering is enabled, [position] is the index of the item in the filtered result, not in the unfiltered source
                                Toast . makeText ( MainActivity . this , item . getTitle (),
                                        Toast . LENGTH_SHORT ). show ();
                                dialog . dismiss ();
                            }
                        }). show ();

พารามิเตอร์ตัวสร้างคือ

 SimpleSearchDialogCompat ( Context context , String title , String searchHint ,
                                    @ Nullable Filter filter , ArrayList < T > items ,
                                    SearchResultListener < T > searchResultListener )

กำลังโหลดมุมมอง (เพิ่มใน SimpleSearchDialogCompat ใน v1.1)

เพียงใช้ setLoading(true) เพื่อแสดงและ setLoading(false) เพื่อซ่อนไว้ในอินสแตนซ์ของ SimpleSearchDialogCompat

การเปลี่ยนสีข้อความของอะแดปเตอร์เริ่มต้น (เพิ่มใน v1.2.1)

หากคุณต้องการเปลี่ยนสีเริ่มต้น เพียงแทนที่สีเหล่านี้ใน colors.xml ของคุณหรือที่ใดก็ตามที่คุณต้องการเช่นนี้

    < color name = " searchDialogResultColor " />
    < color name = " searchDialogResultHighlightColor " />

การใช้งานขั้นสูง

เค้าโครง

ฉันใช้เลย์เอาต์นี้สำหรับกล่องโต้ตอบการค้นหาอย่างง่าย แต่คุณสามารถใช้อย่างอื่นได้ แน่นอนว่าเลย์เอาต์ของคุณควรมีสองมุมมองนี้:

EditText เพื่อใช้เป็นอินพุตคีย์การค้นหา
RecyclerView สำหรับแสดงผลลัพธ์ในนั้น

กล่องโต้ตอบการค้นหา

คุณสามารถใช้โครงร่าง อะแดปเตอร์ และตัวเลือกการค้นหาที่กำหนดเองได้โดยการสร้างคลาสที่สืบทอด BaseSearchDialogCompat ดูที่ SimpleSearchDialogCompat เพื่อดูตัวอย่างวิธีการดำเนินการ คุณควรใช้เมธอด BaseSearchDialogCompat :

    // handle your view with this one
    protected abstract void getView ( View view );
    // Id of your custom layout
    @ LayoutRes protected abstract int getLayoutResId ();
    // Id of the search edittext you used in your custom layout
    @ IdRes protected abstract int getSearchBoxId ();
    // Id of the recyclerview you used in your custom layout
    @ IdRes protected abstract int getRecyclerViewId ();

ตัวกรองการค้นหา

คุณสามารถใช้ตัวกรองที่กำหนดเองสำหรับการค้นหาข้อความได้ อันที่ใช้ใน SimpleSearchDialogCompat คือ SimpleSearchFilter มันจะตรวจสอบคีย์การค้นหาและหากรายการและคีย์มีตัวอักษรเหมือนกันบางส่วน รายการนั้นจะเพิ่มรายการนั้นลงในผลลัพธ์ และหาก CheckLCS ถูกตั้งค่าเป็นจริง มันจะตรวจสอบว่าจำนวนตัวอักษรที่ตรงกันมากกว่าค่า AccuracyPercentage ที่กำหนดหรือไม่ รายการจะถูกเพิ่มเข้าไปในผลลัพธ์

อะแดปเตอร์

อันที่ใช้ใน SimpleSearchDialogCompat นั้นเรียบง่ายแม้จะยาวเกินไปก็ตาม ฟังก์ชันหลักอยู่ในวิธี InitializeViews คุณสามารถสร้างอะแดปเตอร์แบบกำหนดเองและใช้แทนอะแดปเตอร์นี้ได้

StringsHelper

มีสองวิธีที่คุณสามารถใช้เพื่อเน้นผลลัพธ์ได้

 /*
 * Returns a SpannableString with 
 * highlighted LCS(Longest Common Subsequence)
 * of two strings with the givven color
 */
SpannableStringBuilder highlightLCS ( String text1 , String text2 , int highlightColor );

// Returns the LCS(Longest Common Subsequence) of two strings
String lcs ( String text1 , String text2 )