android 控件demo,安卓练习：控件Demo

image.png

1.layout

image.png

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity"

tools:visibility="visible">

android:id="@+id/textView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="32dp"

android:text="@string/textview"

android:textSize="30sp"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent" />

android:id="@+id/guideline"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

app:layout_constraintGuide_percent="0.14" />

android:id="@+id/guideline2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical"

app:layout_constraintGuide_percent="0.5" />

android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginStart="4dp"

android:layout_marginLeft="4dp"

android:text="@string/button1"

app:layout_constraintBottom_toTopOf="@+id/guideline"

app:layout_constraintEnd_toStartOf="@+id/guideline2"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/guideline" />

android:id="@+id/button2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginEnd="40dp"

android:layout_marginRight="40dp"

android:text="@string/button2"

app:layout_constraintBottom_toTopOf="@+id/guideline"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="@+id/guideline2"

app:layout_constraintTop_toTopOf="@+id/guideline" />

android:id="@+id/guideline3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

app:layout_constraintGuide_percent="0.24" />

android:id="@+id/guideline4"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

app:layout_constraintGuide_percent="0.3" />

android:id="@+id/switch1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/switch1"

app:layout_constraintBottom_toTopOf="@+id/guideline3"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintHorizontal_bias="0.474"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/guideline3" />

android:id="@+id/progressBar"

style="?android:attr/progressBarStyle"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

app:layout_constraintBottom_toTopOf="@+id/guideline4"

app:layout_constraintEnd_toStartOf="@+id/guideline2"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/guideline4" />

android:id="@+id/progressBar2"

style="?android:attr/progressBarStyleHorizontal"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:indeterminate="true"

app:layout_constraintBottom_toTopOf="@+id/guideline4"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="@+id/guideline2"

app:layout_constraintTop_toTopOf="@+id/guideline4" />

android:id="@+id/guideline5"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

app:layout_constraintGuide_percent="0.48" />

android:id="@+id/editTextNumber"

style="@android:style/Widget.Holo.AutoCompleteTextView"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_marginStart="32dp"

android:layout_marginLeft="32dp"

android:layout_marginTop="16dp"

android:layout_marginEnd="32dp"

android:layout_marginRight="32dp"

android:autofillHints=""

android:ems="10"

android:hint="@string/hint1"

android:inputType="number"

android:selectAllOnFocus="true"

android:singleLine="true"

app:layout_constraintBottom_toTopOf="@+id/guideline5"

app:layout_constraintEnd_toStartOf="@+id/guideline2"

app:layout_constraintHorizontal_bias="1.0"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/guideline5" />

android:id="@+id/button3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/button3"

app:layout_constraintBottom_toTopOf="@+id/guideline5"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="@+id/guideline2"

app:layout_constraintTop_toTopOf="@+id/guideline5" />

android:id="@+id/radioGroup"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

app:layout_constraintBottom_toTopOf="@+id/guideline6"

app:layout_constraintEnd_toStartOf="@+id/guideline2"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/guideline6">

android:id="@+id/radioButton2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/radiobutton1" />

android:id="@+id/radioButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/radiobutton2" />

android:id="@+id/guideline6"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

app:layout_constraintGuide_percent="0.64" />

android:id="@+id/imageView"

android:layout_width="0dp"

android:layout_height="80dp"

android:contentDescription="@string/ImageView"

app:layout_constraintBottom_toTopOf="@+id/guideline6"

app:layout_constraintDimensionRatio="w,1:1"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="@+id/guideline2"

app:layout_constraintTop_toTopOf="@+id/guideline6"

app:srcCompat="@drawable/android" />

android:id="@+id/guideline7"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

app:layout_constraintGuide_percent="0.56" />

android:id="@+id/seekBar2"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:indeterminate="false"

app:layout_constraintBottom_toTopOf="@+id/guideline7"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/guideline7" />

android:id="@+id/guideline8"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

app:layout_constraintGuide_percent="0.7754137" />

android:id="@+id/checkBox"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/checkbox1"

app:layout_constraintBottom_toTopOf="@+id/guideline8"

app:layout_constraintEnd_toStartOf="@+id/checkBox2"

app:layout_constraintHorizontal_bias="0.5"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/guideline8" />

android:id="@+id/checkBox2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/checkbox2"

app:layout_constraintBottom_toBottomOf="@+id/checkBox"

app:layout_constraintEnd_toStartOf="@+id/checkBox3"

app:layout_constraintHorizontal_bias="0.5"

app:layout_constraintStart_toEndOf="@+id/checkBox"

app:layout_constraintTop_toTopOf="@+id/checkBox" />

android:id="@+id/checkBox3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/checkbox3"

app:layout_constraintBottom_toBottomOf="@+id/checkBox2"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintHorizontal_bias="0.5"

app:layout_constraintStart_toEndOf="@+id/checkBox2"

app:layout_constraintTop_toTopOf="@+id/checkBox2" />

android:id="@+id/guideline9"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

app:layout_constraintGuide_percent="0.87" />

android:id="@+id/ratingBar"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="4dp"

app:layout_constraintBottom_toTopOf="@+id/guideline9"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintHorizontal_bias="0.497"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/guideline9"

app:layout_constraintVertical_bias="0.393" />

android:id="@+id/progressBar3"

style="?android:attr/progressBarStyleHorizontal"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:indeterminate="false"

android:visibility="visible"

app:layout_constraintBottom_toTopOf="@+id/guideline10"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/guideline10"

tools:ignore="MissingConstraints"

tools:visibility="visible" />

android:id="@+id/guideline10"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal"

app:layout_constraintGuide_percent="0.40543735" />

2. java

public class MainActivity extends AppCompatActivity {

TextView display;

Button buttonLeft,buttonRight,button3;

Switch aSwitch;

ProgressBar progressBar1,progressBar2,progressBar3;

EditText editText;

RadioGroup radioGroup;

ImageView imageView;

SeekBar seekBar;

CheckBox checkBox1,checkBox2,checkBox3;

RatingBar ratingBar;

String yuwen = "";

String shuxue = "";

String yingyu = "";

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

display = findViewById(R.id.textView);

buttonLeft = findViewById(R.id.button);

buttonRight = findViewById(R.id.button2);

button3 = findViewById(R.id.button3);

aSwitch = findViewById(R.id.switch1);

progressBar1 = findViewById(R.id.progressBar);

progressBar2 = findViewById(R.id.progressBar2);

progressBar3 = findViewById(R.id.progressBar3);

editText = findViewById(R.id.editTextNumber);

radioGroup = findViewById(R.id.radioGroup);

imageView = findViewById(R.id.imageView);

seekBar = findViewById(R.id.seekBar2);

checkBox1 = findViewById(R.id.checkBox);

checkBox2 = findViewById(R.id.checkBox2);

checkBox3 = findViewById(R.id.checkBox3);

ratingBar = findViewById(R.id.ratingBar);

buttonLeft.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

display.setText(R.string.button1);

}

});

buttonRight.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

display.setText(R.string.button2);

}

});

aSwitch.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if (isChecked){

display.setText("开");

}else {

display.setText("关");

}

}

});

button3.setOnClickListener(new View.OnClickListener() {

@RequiresApi(api = Build.VERSION_CODES.N)

@Override

public void onClick(View v) {

String s = editText.getText().toString();

if (TextUtils.isEmpty(s)){

s="0";

}

progressBar3.setProgress(Integer.valueOf(s),false);

display.setText(String.valueOf(s));

}

});

radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(RadioGroup group, int checkedId) {

if (checkedId==R.id.radioButton){

imageView.setImageResource(R.drawable.android);

}else {

imageView.setImageResource(R.drawable.apple);

}

}

});

seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

@Override

public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {

display.setText(String.valueOf(progress));

}

@Override

public void onStartTrackingTouch(SeekBar seekBar) {

}

@Override

public void onStopTrackingTouch(SeekBar seekBar) {

}

});

checkBox1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if (isChecked){

yuwen = "语文";

}else {

yuwen = "";

}

display.setText(yuwen+shuxue+yingyu);

}

});

checkBox2.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if (isChecked){

shuxue = "数学";

}else {

shuxue = "";

}

display.setText(yuwen+shuxue+yingyu);

}

});

checkBox3.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

if (isChecked){

yingyu = "英语";

}else {

yingyu = "";

}

display.setText(yuwen+shuxue+yingyu);

}

});

ratingBar.setOnRatingBarChangeListener(new RatingBar.OnRatingBarChangeListener() {

@Override

public void onRatingChanged(RatingBar ratingBar, float rating, boolean fromUser) {

Toast.makeText(getApplicationContext(),String.valueOf(rating),Toast.LENGTH_SHORT).show();

}

});

}

}