这是一个有关于点击按钮选图片然后有跑马灯的界面????

任务要求实现一个图片选择器和一个很6的跑马灯

嗯,反正看到就一脸懵B了

图片选择器怪麻烦的,就先跑马灯(滚动字幕)吧=- =

效果图如下:

无奈机子很卡= = 嗯截图很费劲

那么就来讲一下怎么弄的吧=- = 似乎就只要在布局(XML)上弄弄就好了。。嗯大概就是这么回事

代码如下:

我写的比较麻烦,因为我是在界面上拉的,你们自己打代码可以简约一点。对就这样,注意重点就好(就是那些你没看见过的,那些就是point)

之后就是图片选择器了= =

先是老规矩的把BUTTON和GROUP搞起来 ,1个组就OK了,然后设置一下让他排2行

效果如图:

代码如下:

<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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity" >


<LinearLayout
android:layout_marginTop="@dimen/activity_horizontal_margin"
android:layout_width="match_parent"
android:layout_height="wrap_content"
>

<RadioGroup
android:id="@+id/zu1"
android:layout_width="0px"
android:layout_height="fill_parent"
android:layout_weight="3"
android:orientation="horizontal">

<RadioButton
android:id="@+id/meihua"
android:text=" 梅花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<RadioButton
android:id="@+id/shinanhua"
android:text="石楠花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<RadioButton
android:id="@+id/xiangyahua"
android:text="象牙花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RadioGroup>
</LinearLayout>
<LinearLayout

android:layout_width="match_parent"
android:layout_height="wrap_content">
<RadioButton
android:id="@+id/xiuqiuhua"
android:text="绣球花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<RadioButton
android:id="@+id/yulanhua"
android:text="玉兰花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<RadioButton
android:id="@+id/mudanhua"
android:text="牡丹花"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />


</LinearLayout>

<ImageView

android:layout_gravity="center_horizontal"
android:layout_width="365dp"
android:layout_height="275dp"
android:layout_marginBottom="46dp"
android:id="@+id/imageView"
android:layout_above="@+id/textView_paomadeng"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:src="@drawable/hua"/>


</RelativeLayout>
跑马灯的之前就已经截图好了=- =
然后就是有个问题,imageView我懒得弄那么多个,那么就需要能够都拿到图片。。。
我就去问了我们的大触强哥,他告诉我吧图片都放在一个xml里头,然后调用出来就好了- -
嗯,其他人可以不这么干。。

<level-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item
android:drawable="@drawable/meihua"
android:maxLevel="0"/>

<item
android:drawable="@drawable/mudanhua"
android:maxLevel="5"/>

<item
android:drawable="@drawable/shinanhua"
android:maxLevel="1"/>

<item
android:drawable="@drawable/xiangyahua"
android:maxLevel="2"/>

<item
android:drawable="@drawable/xiuqiuhua"
android:maxLevel="3"/>
<item
android:drawable="@drawable/yulanhua"
android:maxLevel="4"/>

</level-list>
然后就是最最最最最最烦人的java界面了。。。总的来说就是很乱吧。。
先对button进行一番统治,嗯对,就是把它控制在手心里,让它不乱搞事情

public class MainActivity extends AppCompatActivity {
private RadioButton xiuqiuhua;
private RadioButton shinanhua;
private RadioButton xiangyahua;
private RadioButton meihua;
private RadioGroup zu1;
private RadioButton yulanhua;
private RadioButton mudanhua;
private ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
xiuqiuhua = (RadioButton) findViewById(R.id.xiuqiuhua);
shinanhua = (RadioButton) findViewById(R.id.shinanhua);
xiangyahua = (RadioButton) findViewById(R.id.xiangyahua);
meihua = (RadioButton) findViewById(R.id.meihua);
yulanhua = (RadioButton) findViewById(R.id.yulanhua);
mudanhua = (RadioButton) findViewById(R.id.mudanhua);
zu1 = (RadioGroup) findViewById(R.id.zu1);
imageView = (ImageView) findViewById(R.id.imageView);
xiuqiuhua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (xiuqiuhua.isChecked()) {
imageView.setImageResource(R.drawable.xiuqiuhua);
}
}
});
shinanhua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (shinanhua.isChecked()) {
imageView.setImageResource(R.drawable.shinanhua);
}
}
});
xiangyahua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (xiangyahua.isChecked()) {
imageView.setImageResource(R.drawable.xiangyahua);
}
}
});
meihua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (meihua.isChecked()) {
imageView.setImageResource(R.drawable.meihua);
}
}
});
yulanhua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (yulanhua.isChecked()) {
imageView.setImageResource(R.drawable.yulanhua);
}
}
});
mudanhua.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (mudanhua.isChecked()) {
imageView.setImageResource(R.drawable.mudanhua);
}
}
});
}
}
好了好了,那么到此为止,代码打完忇- - 嗯,那么作业就OK了吗QAQ (●ˇ∀ˇ●)
最后来一张效果图:
好了好了完事完事,找书去了

 





 

posted @ 2017-03-20 21:15  王子轩1  阅读(377)  评论(0编辑  收藏  举报