Android常用控件 #

<TextView
    android:id="@+id/textView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Hello World"
    android:textSize="16sp"
    android:textColor="#000000" />

val textView = findViewById<TextView>(R.id.textView)

// 使用SpannableString
val spannable = SpannableString("红色加粗斜体")
spannable.setSpan(ForegroundColorSpan(Color.RED), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
spannable.setSpan(StyleSpan(Typeface.BOLD), 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
spannable.setSpan(StyleSpan(Typeface.ITALIC), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)

textView.text = spannable

// 使用Html
textView.text = Html.fromHtml("<b>粗体</b> <i>斜体</i> <u>下划线</u>", Html.FROM_HTML_MODE_COMPACT)

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="访问 https://www.example.com"
    android:autoLink="web" />

// 代码设置
textView.movementMethod = LinkMovementMethod.getInstance()
val spannable = SpannableString("点击这里跳转")
spannable.setSpan(object : ClickableSpan() {
    override fun onClick(widget: View) {
        // 点击事件
    }
}, 0, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE)
textView.text = spannable

<Button
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="点击我"
    android:onClick="onButtonClick" />

// 方式1：XML中指定onClick
fun onButtonClick(view: View) {
    Toast.makeText(this, "按钮被点击", Toast.LENGTH_SHORT).show()
}

// 方式2：代码设置监听器
val button = findViewById<Button>(R.id.button)
button.setOnClickListener {
    Toast.makeText(this, "按钮被点击", Toast.LENGTH_SHORT).show()
}

<!-- Material按钮样式 -->
<Button
    style="@style/Widget.MaterialComponents.Button"
    android:text="Filled" />

<Button
    style="@style/Widget.MaterialComponents.Button.OutlinedButton"
    android:text="Outlined" />

<Button
    style="@style/Widget.MaterialComponents.Button.TextButton"
    android:text="Text" />

<Button
    style="@style/Widget.MaterialComponents.Button.UnelevatedButton"
    android:text="Unelevated" />

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="分享"
    android:drawableLeft="@drawable/ic_share"
    android:drawablePadding="8dp" />

<!-- Material图标按钮 -->
<com.google.android.material.button.MaterialButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="分享"
    app:icon="@drawable/ic_share"
    app:iconGravity="textStart" />

<ImageButton
    android:id="@+id/imageButton"
    android:layout_width="48dp"
    android:layout_height="48dp"
    android:src="@drawable/ic_share"
    android:background="?attr/selectableItemBackgroundBorderless"
    android:contentDescription="分享" />

<EditText
    android:id="@+id/editText"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入内容"
    android:inputType="text" />

<EditText
    android:inputType="textPassword" />

<EditText
    android:inputType="textEmailAddress" />

<EditText
    android:inputType="number" />

val editText = findViewById<EditText>(R.id.editText)

editText.addTextChangedListener(object : TextWatcher {
    override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {
        // 文本变化前
    }
    
    override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
        // 文本变化中
    }
    
    override fun afterTextChanged(s: Editable?) {
        // 文本变化后
        Log.d("EditText", "输入内容: ${s.toString()}")
    }
})

<EditText
    android:imeOptions="actionSearch"
    android:inputType="text" />

editText.setOnEditorActionListener { v, actionId, event ->
    if (actionId == EditorInfo.IME_ACTION_SEARCH) {
        // 执行搜索
        performSearch()
        true
    } else {
        false
    }
}

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="用户名"
    app:endIconMode="clear_text">
    
    <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="text" />
        
</com.google.android.material.textfield.TextInputLayout>

<!-- 密码输入框 -->
<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="密码"
    app:endIconMode="password_toggle">
    
    <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword" />
        
</com.google.android.material.textfield.TextInputLayout>

<ImageView
    android:id="@+id/imageView"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:src="@drawable/image"
    android:contentDescription="图片描述" />

<ImageView
    android:scaleType="centerCrop" />

<ImageView
    android:scaleType="fitCenter" />

<ImageView
    android:scaleType="centerInside" />

Glide.with(this)
    .load("https://example.com/image.jpg")
    .placeholder(R.drawable.placeholder)
    .error(R.drawable.error)
    .into(imageView)

imageView.load("https://example.com/image.jpg") {
    placeholder(R.drawable.placeholder)
    error(R.drawable.error)
    transformations(CircleCropTransformation())
}

<!-- 使用ShapeableImageView -->
<com.google.android.material.imageview.ShapeableImageView
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:src="@drawable/avatar"
    app:shapeAppearanceOverlay="@style/CircleImage" />

<style name="CircleImage">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">50%</item>
</style>

<CheckBox
    android:id="@+id/checkBox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="记住密码" />

checkBox.setOnCheckedChangeListener { buttonView, isChecked ->
    if (isChecked) {
        // 选中
    } else {
        // 取消选中
    }
}

<RadioGroup
    android:id="@+id/radioGroup"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    
    <RadioButton
        android:id="@+id/rbMale"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="男" />
    
    <RadioButton
        android:id="@+id/rbFemale"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="女" />
        
</RadioGroup>

radioGroup.setOnCheckedChangeListener { group, checkedId ->
    when (checkedId) {
        R.id.rbMale -> { }
        R.id.rbFemale -> { }
    }
}

<Switch
    android:id="@+id/switch"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="开关" />

switch.setOnCheckedChangeListener { buttonView, isChecked ->
    // 处理开关状态
}

<!-- 圆形进度条 -->
<ProgressBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<!-- 水平进度条 -->
<ProgressBar
    style="@style/Widget.AppCompat.ProgressBar.Horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:max="100"
    android:progress="30" />

<SeekBar
    android:id="@+id/seekBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:max="100"
    android:progress="50" />

seekBar.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener {
    override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {
        // 进度变化
    }
    
    override fun onStartTrackingTouch(seekBar: SeekBar?) {
        // 开始拖动
    }
    
    override fun onStopTrackingTouch(seekBar: SeekBar?) {
        // 停止拖动
    }
})